Topic: Div won't auto expand with content inside it

[EchoFool]

Hey

I currently have a few divs with one in particular being a pain.

It will not expand if i put text within the div boundries...



This is my css and html:

Code: [Select]

#logodiv{
margin: 0 auto 0 auto;
width: 950px;
height:168px;
background-image: url('test.png');
background-position:center bottom;
background-repeat:no-repeat;
}

#logotable{
margin: 0 auto 0 auto;
width: 900px;
}

#bodydiv{
margin: 0 auto 0 auto;
width: 950px;
height: auto;
background-image: url('bodybackground.png');
background-repeat: repeat-y;
}

#innerbodydiv{
margin: 0 auto 0 auto;
width: 900px;
height: auto;
}
Then my structure:

Code: [Select]

<div id="logodiv"></div>

    <div id="bodydiv">

         <div id="innerbodydiv">

<p>content</p> (image about 500 lines)

         </div>

    </div>
Now the issue is - content does not expand the "bodydiv" div so the image will not repeat vertically.

The only way i could solve it was to put a fixed height like height:200px;.

Height: auto; and height:100%; did not work yet height:200px; does! Which is a problem because the height will vary depending on on the content of the pages.

Why is this?

Thanks

[haku]

With the code you've shown us there, the bodydiv div will expand with content. I'm guessing you must be trying to show us a scaled down version or something.