3 svar · 534 visningar · startad av Vinnaren
Försöker att centrera en div, men det vill inte fungera, nu vill jag att div:en ska centreras över hela sidan.
har följande css:
.pPicture
{
background-color:Black;
padding:50px;
position: absolute;
left: 150px;
top: 40px;
}
har provat med
left: 50%;
top: 50%;
men då centreras den bara i den div-taggen den ligger i.
Hur löser man detta så den hamnar mitten och över allt annat?
Tacksam för all hjälp 
Lite svårt att veta hur du menar.
Exemlet nedan centrerar en div med bestämda mått.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
.pPicture
{
width:777px;
height:444px;
background-color:black;
position:absolute;
left:50%;
top:50%;
margin-left:-385px;
margin-top:-222px;
}
-->
</style>
</head>
<body>
<div class=pPicture>
</div>
</body>
</html>
position: absolute;
z-index: 2;
width: 600px;
height: 400px;
top: 250px;
margin-left: auto;
margin-right: auto;
Kan detta hjälpa dig månne?
Har aldrig provat med margin: auto; vertikalt, men det skadar ju inte att testa det heller.
body {
background:#fff;
color:#000;
font:11px Verdana, Tahoma, Sans-serif, Helvetica;
text-align:center;
margin:0;
padding:0;
}
#container {
text-align:left;
background:#fff;
margin:0 auto;
width:800px;
position:relative;
padding:0;
}
Detta är det enklaste sättet