Jump to content


Photo

100% height Divs in IE


  • Please log in to reply
3 replies to this topic

#1 MCrosbie

MCrosbie
  • Members
  • PipPipPip
  • Advanced Member
  • 36 posts

Posted 26 September 2006 - 01:50 AM

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!

#2 ToonMariner

ToonMariner
  • Members
  • PipPipPip
  • Advanced Member
  • 3,342 posts
  • LocationNewcastle upon Tyne, UK

Posted 26 September 2006 - 11:01 AM

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.
follow me on twitter @PHPsycho

#3 MCrosbie

MCrosbie
  • Members
  • PipPipPip
  • Advanced Member
  • 36 posts

Posted 26 September 2006 - 12:21 PM

So what's the solution then? What do I need to change/add to my stylesheet/html page?

Cheers though for your suggestions!

#4 ToonMariner

ToonMariner
  • Members
  • PipPipPip
  • Advanced Member
  • 3,342 posts
  • LocationNewcastle upon Tyne, UK

Posted 26 September 2006 - 03:04 PM

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.
follow me on twitter @PHPsycho




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users