Hejsa
> hvordan gør man det nemmest?
>
> til vandret centrering har jeg brugt margin-left: auto; og margin-right:
> auto; ..... .... ... hra dog ikke sat position på, for så virker det ik?
Internet Explorer er lidt en knold til det med centrering... så
"margin-left, margin-right: auto" virker ikke.
Tricket er at sætte "text-align: center" på DIV'ens parent. F.eks.
<html>
<body style="text-align: center">
<div style="width: 300px; background-color: red">
hejsa
</div>
</body>
</html>
Det virker så bare ikke i Mozilla m.fl. og teksten i DIV'en vil være
centreret... så man er nødt til at udvide style'n på DIV'en:
<div style="width: 300px; background-color: red; margin-left: auto;
margin-right: auto; text-align: left">
> men tilbage til det oprindelige spm - hvordan centrerer man en div lodret?
Vertikal centrering kan (hvis du kender højden på din DIV) gøres på følgende
måde:
<html>
<body>
<div id="horizon" style="position: absolute; top:50%; left: 0%; width: 100%;
height: 1px; overflow: visible; text-align: center; background-color: red">
<div id="content" style=" position: absolute; width: 300px; height:
200px; top: -100px; left: 50%; margin-left: -150px; text-align: left;
background-color: green">
Denne grønne kasse skulle gerne være midt i vinduet
</div>
</div>
</body>
</html>
Håber det hjælper.
Mvh.
/Thomas