Hej! Hur gör jag för att centrera en mindre div som ligger i en större div?
Centrera div i div
2 svar · 302 visningar · startad av smileenergy
Jag slängde ihop ett exempel här! kanske det kan passa!
Öka margin för body så flyttas stora diven in på sidan och den lilla följer med centrerat.
Vet inte om detta är den bästa kösningen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {background-color:silver;margin:10px;}
#stor
{width:600px; height:450px; background-color:green; border:1px dotted black;}
#liten
{width:300px; height:200px;
position:relative; left:50%; top:50%;
margin-left:-150px; margin-top:-100px;
background-color:gray; border:1px dotted black}
-->
</style>
</head>
<body >
<div id=stor>
<div id=liten>
</div>
</div
</body>
</html>
Vill du centrera vertikalt också?
Om du bara behöver centrera horizontellt så är det bästa att använda auto-marginaler, såhär:
http://www.bluerobot.com/web/css/center1.html