TransOnline-bloggen: Språk, skriving og e-publisering

Midtstille en webside

leave a comment »

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.)».

Written by Solveig Hansen

4.9.2007 kl. 19:34

Publisert i Webdesign

Hva mener du?

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

WordPress.com-logo

Du kommenterer med bruk av din WordPress.com konto. Logg ut / Endre )

Twitter-bilde

Du kommenterer med bruk av din Twitter konto. Logg ut / Endre )

Facebookbilde

Du kommenterer med bruk av din Facebook konto. Logg ut / Endre )

Google+-bilde

Du kommenterer med bruk av din Google+ konto. Logg ut / Endre )

Kobler til %s

%d bloggere like this: