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.)».
Hva mener du?