Im IE zentriert im FF nicht

Status
Nicht offen für weitere Antworten.

Eiszwerg

Erfahrenes Mitglied
Moin Moin,

tausend Male diskutiert, tausend Male nix kapiert. So oder ähnlich lässt sich mein Problem beschreiben.
Ich hab ein DIV, welches ein paar andere umschliesst. Nun möchte ich dieses Haupt-DIV aber im Body zentrieren. Mittels
Code:
text-align: center;
klappt das im IE wunderbar. Nur der FireFox macht mir einen Strich durch die Rechnung.
Wie kann ich ihm beibringen, was ich möchte?

Ich danke!
 
Hi,

um Mißverständnisse vorzubeugen, bleibt anzumerken, dass suyes Vorschlag für das Haupt-DIV gilt. ;)
 
Das habe ich auch so aufgefasst :-)
Allerdings ist es nicht hundertprozentig mittig. Woran kann das liegen?

HTML:
<body class="body">
  <div style="width: 800px;margin-left:auto; margin-right:auto;">
    <div class="head">
        <img src="gfx/header_grau.jpg">
    </div>  
    <div class="navi">
    ...
    </div>
  </div>
 
Vermutlich hast du noch nicht die Polsterungseigenschaften des Dokumentkörpers auf null gesetzt:

Code:
html, body {
margin: 0;
padding: 0;
}
 
Doch doch... soweit war ich bereits... Es ist aber wesentlich arg nach links gerückt. Hab links ca. 3cm Rand und rechts ca. 12cm.
 
Kannst du die Seite mal online stellen, denn wenn ich deinen Code-Schnipsel in ein Testdokument einsetze, kann ich keine "linkslastige" Verschiebung feststellen.
 
Mein Fehler...
Wenn ich die Breite auf 800px setze passt es... nur bei 1024px nicht.

EDIT:
Hab den Fehler. Hatte die Breite von 800px in einem anderen DIV noch vergeben.

Danke passt :-)
 
Zuletzt bearbeitet:
Also, ich fahre hier eine 1280*1024-Auflösung, und auch dort wird das DIV mit einer Breite von 1024px sauber in der Mitte zentriert.
 
Status
Nicht offen für weitere Antworten.
Zurück