webForumDet fria alternativet

Centrera div i div

HTML & CSS

2 svar · 304 visningar · startad av smileenergy

Medlem sedan jan. 200781 inlägg
Frågan#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

248 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
118 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)