6 svar · 317 visningar · startad av HenrikAI
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.
Nja, det viktigaste är att den blir centrerad horisontellt.
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