tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
9
ZUGRIFFE
361
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 07.03.07 15:41 #1
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    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 :
    1

    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!
     
  2. 07.03.07 15:48 #2
    Julian Maicher Julian Maicher ist offline Mitglied Smaragd
    Registriert seit
    Jan 2004
    Ort
    Paderborn
    Beiträge
    1.210
    Try this:
    Code :
    1
2

    margin-left:auto; 
margin-right:auto;
     
  3. 07.03.07 16:13 #3
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Danke!
    Werd's versuchen.
    Melde mich dann wieder
     
  4. 07.03.07 16:18 #4
    Maik Tutorials.de Gastzugang
    Hi,

    um Mißverständnisse vorzubeugen, bleibt anzumerken, dass suyes Vorschlag für das Haupt-DIV gilt.
     
  5. 07.03.07 16:49 #5
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Das habe ich auch so aufgefasst
    Allerdings ist es nicht hundertprozentig mittig. Woran kann das liegen?

    HTML-Code:
    <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>
     
  6. 07.03.07 16:51 #6
    Maik Tutorials.de Gastzugang
    Vermutlich hast du noch nicht die Polsterungseigenschaften des Dokumentkörpers auf null gesetzt:

    Code :
    1
2
3
4

    html, body {
margin: 0;
padding: 0;
}
     
  7. 07.03.07 16:58 #7
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    Doch doch... soweit war ich bereits... Es ist aber wesentlich arg nach links gerückt. Hab links ca. 3cm Rand und rechts ca. 12cm.
     
  8. 07.03.07 17:01 #8
    Maik Tutorials.de Gastzugang
    Kannst du die Seite mal online stellen, denn wenn ich deinen Code-Schnipsel in ein Testdokument einsetze, kann ich keine "linkslastige" Verschiebung feststellen.
     
  9. 07.03.07 17:20 #9
    Eiszwerg Eiszwerg ist offline
    Registriert seit
    Oct 2002
    Ort
    Eckernförde, S.-H.
    Beiträge
    623
    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
    Geändert von Eiszwerg (07.03.07 um 17:21 Uhr) Grund: Doppelpost vermeiden
     
  10. 07.03.07 17:30 #10
    Maik Tutorials.de Gastzugang
    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.
     
« Span mit text-align:justify funktioniert nicht? | Text im gefloateten div ausrichten »

Ähnliche Themen

  1. Container nicht zentriert im IE
    Von mita1982 im Forum CSS
    Antworten: 21
    Letzter Beitrag: 28.04.10, 19:18
  2. Nicht ganz zentriert
    Von Niklas1812 im Forum CSS
    Antworten: 8
    Letzter Beitrag: 15.12.09, 18:03
  3. Opera zentriert nicht?!
    Von Duellking im Forum CSS
    Antworten: 5
    Letzter Beitrag: 24.12.08, 13:18
  4. zentriert ist nicht zentriert?
    Von Blackylein im Forum CSS
    Antworten: 3
    Letzter Beitrag: 09.04.07, 14:18
  5. Tabelle nicht zentriert
    Von GFX-Händchen im Forum CSS
    Antworten: 6
    Letzter Beitrag: 11.03.07, 11:22