Hello, I am working on setting up a personal web site and I am testing on a Mac in Mozilla. I have only tested briefly in other browsers, but one problem I am noticing is the height of my container div only extends to the amount of the content and not a fixed height. I want each page to be the same height. I tried using height:100% on both the body and container elements, but that doesn't work.
How can I accomplish this? I know JS is sometimes used to keep columns all the same height and didn't know if that was also the only solution for this problem or not. Anyway, to see what I am referring to go to: http://www.inspired-evolution.com/Resume.php versus http://www.inspired-evolution.com/Contact.php I would want both these pages to have the exact same height... CSS is at "http://www.inspired-evolution.com/Gilbert.css the divs in question are : #wrapper_outer{/*wraps page*/ width:750px; height:100%; font-size:1em; border-right: 5px solid #036; border-left: 5px solid #036; min-height:100%; } and #wrapper_inner{/*creates wrapper div around textual content and footer*/ height:100%; background-color:#036; } TIA for any assistance with this! -- ::Bruce:: ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/