[FONT=“Franklin Gothic Medium”]
I’m trying to do a site with 3 horizontal divs; a narrow bar across the top, the main content area, and then a narrow bar across the bottom. The issue I’m having is the content div (the one in the middle) isn’t changing its height dynamically.
Basically what I’m going for is having the top and bottom bars be in fixed places with a fixed height, and then the content div in the middle automatically taking up the rest of the space. All the tutorials I’ve seen online tell me to do basically the same thing, but for whatever reason it’s not working. So far I’ve only tested it in Safari, but am going to check it in IE and Firefox later today. I’ve attached the CSS for the page (and am putting the relevant HTML below, so hopefully one of y’all will see something I’ve missed.
[/FONT]
<div id="container">
<div id="bar"> </div>
<div id="content"><img id="header" src="blah.jpg" /><p>main content here</p></div>
<div id="bottombar">
<p>a little text here</p>
</div>
</div>