some one just slap me if this is a dumb question but...
Im having such a pain with this layout Im trying to finish I am doing this for a friend and trying to keep it simple as Im not getting paid for it but simple doesn't seem to be working for me lol. This might be a little confusing and my code is very messy right now otherwise I would post it for an example. But Ill try my best to explain everything.
Basically Is there a way to expand a box with the size of a nested box.
I have a body box basically and inside is another box that will contain all the content of the page. But when I expand the "content" box it runs over the the "body" and does not expand.
Its a fixed design of a certain width but I want the height of both the boxes to run with the content as one box is smaller than the other one.
Sorry for the confusion and ask any questions you may have.
Thanks In Advance
Heres a visual and a some code of what im trying to do
Code:
[IMG]file:///C:/Users/TreyeMe/AppData/Local/Temp/moz-screenshot-4.jpg[/IMG]<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#body {
position:absolute;
left:300px;
top:100px;
width:500px;
height:auto;
z-index:1;
background-color: #000000;
}
#content {
position:absolute;
left:12px;
top:12px;
width:476px;
height:auto;
z-index:2;
background-color: #FFFF00;
}
-->
</style>
</head>
<body>
<div id="body">now what
<div id="content">
<p>So as you can see I just cant get the black DIV to flow around and expand with the yellow DIV</p>
</div>
</div>
</body>
</html>
Last edited by TreyeMe; 07-27-2008 at 07:13 PM..
Reason: ADDED A VISUAL
|
