Jump to content

Archived

This topic is now archived and is closed to further replies.

MCrosbie

100% height Divs in IE

Recommended Posts

Hi,

I'm having problems with my 100% height div. It works in Firefox, Camino and Safari but not in Internet Explorer.  The Whole_menu is the one that I want 100%. I also have a table inside this DIV with 100% height. My CSS file is as below:

html{
  height: 100%;
  min-height:100%;
  width: 100%;
  margin: 0em;
  padding: 0em;

}
body {
height:100%;
min-height:100%;
background-image: url(../images/header_bg.png);
background-repeat: repeat-x;
background-position: 100px top;
background-color: #5b6471;
margin: 0px;
}
/* Menu info */
#Menu_whole {
position:absolute;
left:24px;
top:51px;
width:270px;
height:100%;
min-height:100%;
z-index:0;
}


Help!

Share this post


Link to post
Share on other sites
Now I may be wrong here but I beleive there is a difference in how these browsers calculate sizes of elememts. I THINK that ie will make the box 100% of the height of its contents while the other browsers will make the box 100% of its available space.

But someone will correct me on that I am sure.

Share this post


Link to post
Share on other sites
So what's the solution then? What do I need to change/add to my stylesheet/html page?

Cheers though for your suggestions!

Share this post


Link to post
Share on other sites
if you are wanting the div to LOOK like it goes all the way to the bottom then the only realsolution is to set a background image of the parent container that is as wide and the same color of teh background you want for the menu div. and let it repeat-y.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.