Centrering via absolut i CSS
Der findes en smart metode til at centrere et element via absolut positionering. Du kan gøre det sådan, at elementet placeres præcist i midten af browserens vindue. For at gøre dette skal du ikke angive dimensionerne på elementet og samtidig angive positionering fra alle fire sider:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Brug den beskrevne metode til at lave en blok,
der befinder sig i midten af skærmen og har afstand
fra alle sider på 100px.
Brug den beskrevne metode til at lave en blok,
der har afstand fra toppen af skærmkanten på 100px,
fra højre - 200px, fra bunden - 50px,
og fra venstre - 10px.
