Centrera div i div

HTML & CSS

2 svar · 328 visningar · startad av smileenergy

Medlem sedan jan. 200781 inlägg
Trådstart#1

Hej! Hur gör jag för att centrera en mindre div som ligger i en större div?

Medlem sedan juni 2003771 inlägg
#2

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>

Medlem sedan mars 20041 505 inlägg
#3

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

387 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
124 ms — deklarationer (db)
126 ms — hämta statistik (db)
131 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)