Subsilver 2 - Breite der Seite festlegen und zentrieren

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Micha12
Mitglied
Beiträge: 6
Registriert: 31.05.2008 23:58

Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Micha12 »

Hallo, ich möchte gerne die Seitenbreite meines Forums auf 1250 Pixel festlegen und auf Monitoren mit mehr Pixeln Auflösung in der Mitte zentrieren. Wo stellt man das ein?
Mein Theme basiert auf subsilver 2. Ich habe das Erscheinungsbild etwas geändert.

Mein Forum: http://oxly-boote.de/Forum/

Micha
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Crizzo »

Hi,

soll jetzt nur die rechte große Spalte mit dem Forum zentriert und auf 1250px begrenzt werden oder alles?

PS: https://www.phpbb.de/kb/copyright Umgehend anpassen. :wink:
Benutzeravatar
Perlchamp
Gesperrt
Beiträge: 431
Registriert: 27.02.2012 17:15

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Perlchamp »

Meinst du soetwas ?
Forum-zentriert

so long
*** wer lesen kann ist klar im Vorteil ***
Cruisin' Orange - die Krönung unter den Styles
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5038
Registriert: 08.06.2009 12:03

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Talk19zehn »

Hello Micha12, du brauchst m.E. lediglich nach

Code: Alles auswählen

<body>


eine einfache und sehr elegante CSS-Begrenzung, wie bspw.

Code: Alles auswählen

<div style="width:80%; margin:20px auto; border: double 6px #000000;">


aufnehmen und im Footer

den Container schließen

Code: Alles auswählen

</div>
Probiere es bitte einmal aus. Das Erscheinungsbild lockert ungemein auf. Das Tabellenlayout wird browserseitig ganz simpel umgerechnet dargestellt. Das Margin sorgt zudem für einen Abstand, so dass das Forum nicht so wuchtig wirkt und zentriert es: "margin 10px auto". Einfach mal den Wert ändern und testen. :wink:

Sollte das in kleineren Auflösungen ( teste bitte inhaltlich die Seiten des Forums ) nicht harmonieren, muss ein anderer Lösungsansatz her.
Beispiel:

Code: Alles auswählen

<div style="width:960px; margin: 0 auto;">

Auch hier den Abschluss im Footer bitte nicht vergessen.

Bedenke, dass kleine Auflösungen inzwischen wieder gefragt sind, so dass sich bspw. möglichst auch nicht via Netbook ( meist 1024 px Seitenbreite / Auflösung ) ein Scrolleffekt nach rechts ergeben sollte. Hierin müsstest du die Abstände rechnerisch berücksichtigen. 960px könnten bereits zu hoch bemessen sein. Deine linksseitge Navigation von 200px in der Breite nimmt bereits ein gewaltiges Potential der Seiteninhalte ( Breite ) ein? Dies könntest du ggf. noch einmal überdenken und evtl. anpassen. :oops:

Die o.g. prozentuale Variante würde mir persönlich eher zusagen. Das und vieles mehr ist natürlich Geschmackssache.
Viele Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Benutzeravatar
Perlchamp
Gesperrt
Beiträge: 431
Registriert: 27.02.2012 17:15

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Perlchamp »

... du könntest es aber auch elegant mit einer Tabelle lösen:
overall_header.html:

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<table id="wrap" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td style="width:auto;"></td>
	<td style="width:1018px;text-align:left;vertical-align:top;">
... und im overall_footer.html wieder schliessen:

Code: Alles auswählen

  </td>
 	<td style="width:auto;"></td>
</tr>
</table>
<div><a id="bottom" name="bottom" accesskey="z"></a><!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF --></div>
</body>
... so hat das Forum immer die gleiche Breite und sitzt mittig im Screen.

Tipp:
in der css-Datei folgerndes hinzufügen:

Code: Alles auswählen

html
{
  overflow-y: scroll;
  overflow-x: none;
}
Viel Glück
so long
*** wer lesen kann ist klar im Vorteil ***
Cruisin' Orange - die Krönung unter den Styles

Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Crizzo »

Perlchamp hat geschrieben:... du könntest es aber auch elegant mit einer Tabelle lösen:
Bitte nicht sowas empfehlen, dass ist wirklich aus dem letzten Jahrtausend. :oops:
Er/Sie hat noch nicht mal gesagt, was er/sie jetzt genau haben will. Aber ihr ratet munter drauf los.
Benutzeravatar
Perlchamp
Gesperrt
Beiträge: 431
Registriert: 27.02.2012 17:15

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Perlchamp »

Bitte nicht sowas empfehlen, dass ist wirklich aus dem letzten Jahrtausend.
eine Webseite OHNE festes Gerüst ist nervig. Und Tabellen sind sehr dynamisch bzw. "biegsam", DIVs dagegen eine reine Plagerei !
Aufgabe:
4 DIV-Container nebeneinander, IMMER auf gleicher Höhe (egal wieviel Content drinne ist), einmal oben, zweimal mittig und einmal unten ausgerichtet, und das mit Rahmen und Hintergrund - viel Spass. (hier im Forum enden die Linien/Rahmen dort, wo der Inhalt zu ende ist, tztztz.
... aber offtopic ...
so long
*** wer lesen kann ist klar im Vorteil ***
Cruisin' Orange - die Krönung unter den Styles
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Crizzo »

Perlchamp hat geschrieben:eine Webseite OHNE festes Gerüst ist nervig. Und Tabellen sind sehr dynamisch bzw. "biegsam", DIVs dagegen eine reine Plagerei !
Wenn man keine Ahnung hat vielleicht. :roll:
Benutzeravatar
Perlchamp
Gesperrt
Beiträge: 431
Registriert: 27.02.2012 17:15

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Perlchamp »

zeig mal deine 4 div-container ...
*** wer lesen kann ist klar im Vorteil ***
Cruisin' Orange - die Krönung unter den Styles
Micha12
Mitglied
Beiträge: 6
Registriert: 31.05.2008 23:58

Re: Subsilver 2 - Breite der Seite festlegen und zentrieren

Beitrag von Micha12 »

Hallo Leute, erstmal schönen Dank für die zahlreichen Antworten. Morgen komme ich dazu, mich damit zu beschäftigen.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“