Forum Moderators: not2easy
I am trying to figure out a way to make a container automatically expand with my text. Here is my situation.
I have a container that spans the width of my page (we'll call it Main). Inside the container I have a left hand navbar and a text area (both are separate containers). So that is a total of three containers, two of which are inside the main one. My goal is to get the navbar container's height to be 100% of the page. I set the navbar container to height=100% and it fills spans the entire height of the Main container.
However, as the text container goes below the original height of the Main container the Main container holds it's original height and doesn't extend with it. I've been messing around with different combinations of relative and absolute positions and so far no luck.
Any advice would be greatly appreciated.
Thanks,
Matt
I don't have it floated. I found that in IE I can get it to work but Mozilla has a problem with it. I'm playing around with the absolute and relative positionings of the containers. I might think about floating it.
We're going to be hard pressed to give you any insight without seeing the code you're working with thus far. If it's not floated, exactly how is it positioned? Snip out and post the relevant html and CSS code for us to see.
Off hand, it sounds like you need the Faux COlumns technique. It was discussed in a recent thread [webmasterworld.com]. There's also a link to the original article.
cEM