inner div bryder ud af ydre div
Jeg har denne side..Den er ikke helt køn i nu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
body
{
background-color:#333333;
text-align:center;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
}
</style>
</head>
<body>
<div style="position:relative; width:800px; margin: 0 auto;">
<div style="background-image:url(images/top.jpg); height:273px; width:800px;">
</div>
<div style="background-image:url(images/content.jpg); width:800px; position:relative;" id="outerContent">
<div style="width:400px; margin:20px; border:1px solid black; position:absolute; top:0px; left:0px; overflow:hidden;" id="innerContent">
hej med dig
</div>
</div>
<div style="background-image:url(images/bottom.jpg); height:34px; width:800px;">
</div>
</div>
</body>
</html>
Min innerContent bryder ud af outercontent, men jeg vil have outercontent til at blive det længere i højden.
Hvordan kan det løses.
