Midtstille en webside

Før CSS var det enkelt å midtstille designen på en webside. Det var bare å skrive <CENTER></CENTER>. Så kom <DIV ALIGN=”center”>. Bruker du disse i dag, vil HTML-valideringen mislykkes.

I CSS brukes “margin: 0 auto;”, men dette funker ikke uten videre. Jeg har prøvd og feilet og prøvd litt til og kommet frem til følgende løsning:

Jeg setter inn “margin: 0 auto;” i hovedbeholderen for siden. Men for at siden skal vises sentrert i Internet Explorer, må jeg sette inn “text-align: center;” i Body {}. Slik:

body {
     text-align: center;
}

/*—:Beholderen der hele siden er pakket inn:—*/
.container {
     margin: 0 auto;
}

I de blokkene der teksten ikke skal sentreres, overstyrer jeg “text-align: center;” med “text-align: left (right osv.)”.