Problem bei body Zentrierung
tgl
- css
Hallo,
ich habe erst wenig Erfahrung mit CSS... sorry für die sicher lächerliche FRage: ich will eine Website zentriert darstellen. Dazu habe ich im html "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">" damit die Browser in den Standard konformen Modus gehen und im CSS "body{margin-left:auto;margin-right:auto;...}". Trotzdem wird die Seite in Opera und FireFox nicht zentriert dargestellt (ist links bündig).
Habe ich da was übersehen ?
TIA, tgl
hi,
und im CSS "body{margin-left:auto;margin-right:auto;...}". Trotzdem wird die Seite in Opera und FireFox nicht zentriert dargestellt (ist links bündig).
Und wie breit ist dieser body, der zentriert dargestellt werden soll ...?
gruß,
wahsaga
Und wie breit ist dieser body, der zentriert dargestellt werden soll ...?
1000px fest (angeschaut auf 1280iger Monitoren)
Ja, nimm lieber ein Wrapper Element dafür:
<html>
<body>
<div id="content">
</div>
</body>
</html>
CSS:
body { text-align: center; margin: 0; padding: 0; }
div#content { text-align: left; margin: 0 auto; width: 980px; }
Tip: Lieber 980px, das reicht dann auch noch für einen 1024 screen, inkl. der Scrollbar rechts...
Greetz bechte
CSS:
body { text-align: center; margin: 0; padding: 0; }
div#content { text-align: left; margin: 0 auto; width: 980px; }Tip: Lieber 980px, das reicht dann auch noch für einen 1024 screen, inkl. der
Oder einfach max-width. ;-)