sentrere siden vertikalt

Vonbo · 11. mai 2006

Hei.

Hva må til for å få til en nettside som ligger sentrert vertikalt på siden. F.eks 500x400px.

Jeg får sentrert den horisontalt uten problemer, men finner ingen løsning på vertikal sentrering uten at størrelsen på boksen forminskes... Dvs. det funker kun dersom jeg har prosent-størrelse på boksen.

Har forslag?

Magnus Holm · 11. mai 2006

Jepp:

#sentrert-boks {
position: absolute;
top: 50%;
margin-top: -200px; /* Halvparten av høyden */
left: 50%;
margin-left: -250px; /* Halvparten av bredden */
}

Endret 11. mai 2006 av Judofyr

Vonbo · 11. mai 2006

Lekkert judofyr!

Det funker helt som det skal i IE, men opera sliter litt med å tilpasse vertikalt når jeg forminsker browseren. Hvordan kan jeg fikse dette?

Her er koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title>Universal vertical center with CSS</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
 <div id="sentrert-boks">
 Sentrert område
 </div>
</body>
</html>

og css:

#sentrert-boks	{
position: absolute; 
width: 500px; 
height: 400px; 
top: 50%; 
margin-top: -200px; 
left: 50%; margin-left: -250px; 
border: 1px solid silver;}

Endret 11. mai 2006 av Vonbo

Logg inn

sentrere siden vertikalt

Anbefalte innlegg

Vonbo

Videoannonse

Magnus Holm

Vonbo

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer