Question

I need a div (event if it’s empty) 100 % the height of the browser and ie6 compatible and working all the time…. any idea or hack.. ? css ?

Answer 1

Well, IE6 should support it. Just make sure your DIV’s height has something to reference to:

#my_div
{
  height: 100%; /* Won't work. What is 100% of an unknown value? */
}

Make sure the DIV’s parents have a set height. I usually do this (well, not exactly, but you get the idea):

#my_div, #parent_of_div, body, html
{
  height: 100%; /* This works, but it will show scrollbars if the body
                   or html elements have padding or margins. */
}

I’m not sure what else to say…