Sune Henriksen <srhe02@aod.auc.dk> writes:
> Hvordan centrerer man en webside i css uanset hvilken browser den
> skal åbnes i?
Vandret: Saet margin-auto på den box siden er i, og tilføj et hack
for at få IE med:
<div style="text-align:center;"> <!-- IE centrerer fejlagtigt blocks -->
<div style="margin:0px auto;text-align:left;width:800px">
<p>Denne div er centreret vandret.</p>
</div>
</div>
Lodret: Sværere, da margin-auto ikke virker. Den nemmeste metode er at
kende sidens højde og bruge en negativ top-margin på halvdelen:
<div style="position:absolute;top:50%;height:600px;margin-top:-300px">
<p>Denne div er centreret lodret, hvis man husker at sætte højde
100% på body og html</p>
</div>
Man skal huske at tilføje en højde på dokumentet, da det ellers kun
vil centrere inden for dokumentets højde, og ikke browserens:
<style type="text/css">
html,body {height:100%;}
</style>
Negativ margin er dog farlig. Hvis browseren ikke er høj nok, så
forsvinder dele af siden ud over toppen af browserområdet, og man kan
ikke komme til at se det. Det er blot den bedste metode, hvis det skal
virke i IE, da denne browser er usedvanlig dårlig til at understøtte
de andre muligheder.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:
http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'