Sådan justeres en <div> til midten (horisontalt/bredde) af siden

Jeg har et div-tag med width sat til 800 pixels. Når browserbredden er større end 800 pixels, skal div ikke strækkes, men den skal placeres midt på siden.

Peter Mortensen
Redigeret spørgsmål 2019ør marts 2019 в 10:51
Programmering
html css center alignment
2009ør juni 2009 в 1:44
32 visninger
Løsning

    <div style="width:800px; margin:0 auto;">
        centered content
    </div>
thirtydot
Redigeret svar 2012ør marts 2012 в 4:48
Kommentarer (10)

  1. Mener du, at du vil centrere den lodret eller vandret? Du sagde, at du specificerede height til 800 pixels og ønskede, at div'en ikke skulle strække sig, når width var større end det...

  2. Hvis du vil centrere vandret, kan du bruge attributten margin: auto; i CSS. Du skal også sørge for, at body- og html-elementerne ikke har nogen margin eller padding:

html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Peter Mortensen
Redigeret svar 2019ør marts 2019 в 10:53
Kommentarer (0)

For at få det til at fungere korrekt i Internet Explorer 6 skal du gøre det på følgende måde:

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
Redigeret svar 2019ør marts 2019 в 10:53
Kommentarer (1)