HTML & CSSur HTML, XHTML & CSS
2 svar · 362 visningar · startad av mahjar
Hur gör man om man vill centrera en Div som ligger i en annan Div?
kolla på bilden som jag bifogat för att kolla hur jag menar.
t.ex:
#content_bg
(bakrunden)
#content_text
(där all text ska va)
nu vill jag att #content_text ska ligga i #content_bg fast va centrerad.
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Ett exempel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="container">
<div id="inner"><p>Donec diam leo, tristique ac, sodales eu, tristique varius, est. Duis egestas
dui non ipsum facilisis commodo. Aliquam erat volutpat. Nullam pede neque, lacinia
eu, tincidunt a, mollis malesuada, augue. Quisque ac ligula ut velit porttitor
rhoncus. Praesent accumsan sagittis elit. Sed in arcu. Aenean vitae neque sit
amet felis dapibus tincidunt. Quisque sodales, neque sed nonummy eleifend, leo
est sagittis turpis, ac hendrerit pede mauris at dolor. Donec ut nisl eget dui
interdum condimentum. Nam massa quam, porttitor eget, feugiat vel, ullamcorper
ac, nibh. Pellentesque elit. Pellentesque consectetuer quam ut orci.</p></div></div>
</body>
</html>
css
#container{
width: 500px;
border: solid 1px #000;
text-align: center;
}
#inner{
width: 440px;
margin: 28px auto;
background: #eee;
border: solid 1px #333;
text-align: left;
}
mv icaaq
tack så mycket, ska testa de nu.