Lexi Help
Die neuesten Themen
» [phpBB2] Hintergrund festpinnen
von Fayé Heute um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

Partner
free forum

Div Container für das Forum.

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Div Container für das Forum.

Beitrag von Helpline Connections am So 4 Mai 2008 - 13:40

Also cih hab da was nettes gefunden. Einen DIv Container.
Diese ist dafür Gut das bei egal welcher Bildschrim Breite also Zoll das Forum immer gelcih ausieht, das wäre echt nützlich weil machmal bei zu kleiner Bildschirm Größe unter 19 Zoll sieht das Forum recht groß aus, das stört die wenigsten aber mich.
So nun weiß ich aber überhaupt nciht wie ich das Ding anwennden soll so erbitte ich um hilfe.

Hier das ganze mal:

760 Pixel breit und auf der Seite zentriert

Möchtest du ein pixelgenaues Layout erstellen, dass unter den unterschiedlichen Bildschirmauflösungen gleich aussieht, solltest du die 800x600er-Auflösung als Grundlage nehmen, denn kleinere Auflösungen werden kaum noch verwendet. Zieht man Scrollbalken und Rahmen des Browserfensters ab, dürften 760 Pixel als gesamte Breite für deine Webseite einen guten Kompromiss darstellen, ohne horizontale Scrollbalken zu erzeugen. Für höhere Auflösungen sollte das Ganze natürlich auch noch auf der Seite zentriert sein.


Code:
Ein zentrierter <div>-Container für alles

Am Einfachsten ist es einen <div>-Container auf der Seite zu zentrieren und in diesem den gesamten Seiteninhalt einzufügen. Und das geht so:

<div style="width:760px;margin:0px auto;">
Seiteninhalt...
</div>

width:760px legt die Breite auf 760 Pixel fest und margin:0px auto bestimmt den Außenabstand. Gibst du für margin wie in diesem Fall zwei Werte an, so legt der erste jeweils den oberen und unteren Abstand und der zweite den linken und rechten Abstand fest. Der Wert auto besagt, dass der Browser den Abstand automatisch berechnen soll und zwar für links und rechts gleich, da ja nur ein Wert vorgegeben ist. Und gleiche Außenabstände haben nur zentrierte Objekte, oder?
Leider funktioniert das nicht beim Internet Explorer 5 und 5.5. Dieser zentriert <div>-Container mit text-align, obwohl diese Eigenschaft nicht dafür vorgesehen ist. Also fügst du diese Eigenschaft in das <body>-Tag ein. Damit die Zentrierung nicht an die folgenden Elemente weitervererbt wird, musst du in dem <div>-Container gleich wieder ein text-align:left; einfügen:

<body style="text-align:center;">
<div style="width:760px;margin:0px auto;text-align:left;">
Seiteninhalt...
</div>
</body>


Danke schon mal für schnelle Antwort. Nick

Helpline Connections
Lehrling
Lehrling

Männlich Beiträge : 199
Anmeldedatum : 12.01.08

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten