Sul
01-24-2009, 06:44 PM
Hi
I've got a similar problem to this person: http://www.webdeveloper.com/forum/showthread.php?t=84830 - unfortunately he solved the problem himself but didn't post the solution!
I've got a file to show you what I am trying to do here: http://www.cinnamonjunkie.com/test.html
Source:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#container{
height:auto;
background:#eee;
position:relative;
height:auto;
}
#content{
width:500px;
position:absolute;
left:100px;
top:50px;
}
</style>
</head>
<body>
<div id="container"><div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisl nibh, commodo vitae, aliquet nec, scelerisque in, sapien. Duis varius ornare massa. Mauris sed mauris eget lectus tempor varius. Vestibulum rhoncus. Maecenas leo libero, aliquet nec, dictum sit amet, vestibulum et, nunc. Maecenas turpis. Vestibulum pharetra purus a mi. Nullam ut nunc. Sed elementum sem. Suspendisse aliquet odio iaculis mi. Cras posuere arcu sit amet eros. </p>
</div></div>
</body>
</html>
Basically the container layer isn't extending with the content layer as intended. I thought the height: auto property would sort it out but it hasn't.
Cheers
I've got a similar problem to this person: http://www.webdeveloper.com/forum/showthread.php?t=84830 - unfortunately he solved the problem himself but didn't post the solution!
I've got a file to show you what I am trying to do here: http://www.cinnamonjunkie.com/test.html
Source:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#container{
height:auto;
background:#eee;
position:relative;
height:auto;
}
#content{
width:500px;
position:absolute;
left:100px;
top:50px;
}
</style>
</head>
<body>
<div id="container"><div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisl nibh, commodo vitae, aliquet nec, scelerisque in, sapien. Duis varius ornare massa. Mauris sed mauris eget lectus tempor varius. Vestibulum rhoncus. Maecenas leo libero, aliquet nec, dictum sit amet, vestibulum et, nunc. Maecenas turpis. Vestibulum pharetra purus a mi. Nullam ut nunc. Sed elementum sem. Suspendisse aliquet odio iaculis mi. Cras posuere arcu sit amet eros. </p>
</div></div>
</body>
</html>
Basically the container layer isn't extending with the content layer as intended. I thought the height: auto property would sort it out but it hasn't.
Cheers