Centrera div?

Går det att centera en div-tag som man har satt position: absolute på samtidigt som man har bestämt bredd och höjd på den i pixlar?

Skulle man ha angett bredd och höjd i % hade det väl gått med

position: absolute;
width: 20%;
height: 20%;
left: 40%;
top: 40%;

..men det funka alltså inte så bra nu.

Vill du centrera den både horisontellt och vertikalt?

mv icaaq

Nja, det viktigaste är att den blir centrerad horisontellt.

http://bluerobot.com/web/css/center2.html
http://bluerobot.com/web/css/center1.html
mv icaaq

Re: Centrera div?

HenrikAI skrev:

Skulle man ha angett bredd och höjd i % hade det väl gått med

position: absolute;
width: 20%;
height: 20%;
left: 40%;
top: 40%;

..men det funka alltså inte så bra nu.

Det där funkar i FF men inte i IE.

Du behöver ju inte använda position:absolute för att centrera:

body {
	text-align:center;
}

div {
	margin: 0 auto;
	width: 400px;
	height: 300px;
}

Re: Centrera div?

body {
	text-align:center;
}

div {
	margin: 0 auto;
	width: 400px;
	height: 300px;
}

Jo det där fungerar, men problemet är att jag skulle vilja ha ett område som ligger "ovanpå" sidan, ungefär som en popup.

[red]
body {margin:0px; padding:0px;}

#popup {
	position:absolute;
	left:50%;
	width:500px;
	margin-top:50px;
	margin-left:-266px;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
        [b]z-index: 100;[/b]
	}
[/red]

Sätt högre z-index på "popupen" ;)

mv icaaq