Re: [css-d] consistent container height no matter the amount of content
Hi, you could set a equal minimum height for the #main_content with something like that #main_content{ background-color:#fff; min-height: 500px;/* set here min height */ height: auto !important;/* overwrite the height */ height: 500px;/* this is also the min height for IE */ border:5px solid #999; } Gianni Cuccu http://www.getidea.it - Original Message - From: "Bruce Gilbert" <[EMAIL PROTECTED]> To: Sent: Thursday, June 09, 2005 3:00 AM Subject: [css-d] consistent container height no matter the amount of content 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/ __ 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/
Re: [css-d] consistent container height no matter the amount of content
I've seen the css attribute min-height work in some cases but then it just dies in IE and won't work correctly. A functioning, albeit goofy, workaround would be to just use a shim, but I'm sure somebody here knows of a more graceful solution. Jack Keller | cell7.org On Jun 8, 2005, at 8:00 PM, Bruce Gilbert wrote: 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/ __ 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/
[css-d] consistent container height no matter the amount of content
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/