Free MMORPG Forums

Glavus

I haven't done web design in a long time and I just started working on this website... well anyways this is my problem.

I have a div tag for the content of the site then three sections like so;

<div id="main">
<div id="menu">
</div>

<div id="content">
</div>

<div id="sidebar">
</div>
</div>
So its just three sections in one main div tag, my question is how can I make the main div stretch automatically to fit the size of my biggest column whichever it happens to be? I know IE automatically resizes my "main" div to whatever the biggest one inside is, but on Firefox I don't seem to be able to accomplish it ! Am I going to have to assign it a certain amount of pixels for height or can I stretch it without having anything else besides the nested divs??

__________________

NoodlePowa

By "stretch" I'm inferring you want to make the height fill the parent element. Or order to do so, most people would have tried:

height: 100%;

But that alone is not enough because if it has 100% height, what is it 100% of? In order to accomplish this task, you'll need to have a parent element with a set height. Essentially, you'll also need another "height: 100%;" (for example, your body) for your parent element. However, I was not able to see that you had provided a parent element for your "main" div.

If, however, I did not understand your question correctly, I apologize.

__________________

Glavus

Yeah I tried that, worked with IE not firefox. I ended up using overflow: auto;
to stretch container of nested divs.

__________________