Ausrichten eines <div> in der Mitte (horizontal/Breite) der Seite

Ich habe ein "div"-Tag, dessen "Breite" auf 800 Pixel eingestellt ist. Wenn die Breite des Browsers größer als 800 Pixel ist, sollte das Div-Tag nicht gestreckt, sondern in die Mitte der Seite gebracht werden.

Peter Mortensen
Bearbeitete Frage 24. März 2019 в 10:51
Programmierung
html css center alignment
5. Juni 2009 в 1:44
25 Aufrufe
Lösung

    <div style="width:800px; margin:0 auto;">
        centered content
    </div>
thirtydot
Bearbeitete Antwort 7. März 2012 в 4:48
Kommentare (10)

  1. Meinen Sie, dass Sie es vertikal oder horizontal zentrieren wollen? Sie sagten, Sie hätten die "Höhe" auf 800 Pixel festgelegt und wollten, dass das Div nicht gestreckt wird, wenn die "Breite" größer als das ist...

  2. Um horizontal zu zentrieren, können Sie das Attribut margin: auto in CSS verwenden. Außerdem müssen Sie sicherstellen, dass die Elemente body und html keinen Rand oder Polsterung haben:

html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Peter Mortensen
Bearbeitete Antwort 24. März 2019 в 10:53
Kommentare (0)

Damit es auch im Internet Explorer 6 korrekt funktioniert, müssen Sie wie folgt vorgehen:

HTML


    <div class="centered">
        centered content
    </div>

CSS

body {
    margin: 0;
    padding: 0;
    text-align: center; /* !!! */
}

.centered {
    margin: 0 auto;
    text-align: left;
    width: 800px;
}
Peter Mortensen
Bearbeitete Antwort 24. März 2019 в 10:53
Kommentare (1)