Forum Moderators: not2easy

Message Too Old, No Replies

Navigation and content panel height matching

         

valegooner

12:30 pm on Jul 11, 2004 (gmt 0)

10+ Year Member



I have a simple site design I wish to implement using CSS. There are two sections, a navigation bar on the left and a content section. I have been unable to find a way of setting the navigation bar to extend to the height of the content section. This is not a problem when the content fits on the page with no need for vertical scroll bars (i used body{ height:100% } as I have seen suggested in many places to extent it to the bottom of the page) but if the content needs more display space the navigation bar does not extend below the bottom of the screen - and is cut off. How can I get the two to extend to the same height, where the minimum is the page height and the maximum determined by the size of the content in the page?

createErrorMsg

5:17 pm on Jul 11, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The answer to your problem depends on what method you've used to get your nav and content <div>s side by side. Chances are you used at least one float, in which case the (an) answer you need lies in an article on the A List Apart website, called "Faux Columns". I believe the author is Dan Cedarholm.