3 svar · 529 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 :stud
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