webForumDet fria alternativet

Centrera en Div som ligger i en annan DIV?

HTML & CSS

2 svar · 364 visningar · startad av mahjar

Medlem sedan okt. 200457 inlägg
Frågan#1

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.

namnlös.jpg
Medlem sedan okt. 20005 273 inlägg
#2

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

Medlem sedan okt. 200457 inlägg
#3

tack så mycket, ska testa de nu.

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