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: css-d@lists.css-discuss.org
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/
[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/
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/
