Page 1 of 1

100% height Div's

Posted: Thu Mar 08, 2007 6:31 pm
by iknownothing
Hey guys,
I'm sure ths question in the topic title has been asked before, but this question is slightly different. Using CSS I have a Div set to 100% by way of...

Code: Select all

MAIN DIV
top:0px;
bottom:0px;

BOTTOM DIV (Inside main div)
top:600px;
bottom:0px;
It works fine when I add any HTML 4.01 doctype in IE7. It does not work in IE6 however, with or without the doctype. For some very bizarre reason it also does not work on Firefox 2.0 on a computer which has IE6, but works in Firefox 2.0 on a computer with IE7 (mine). Could anyone tell me why this is occuring.

Posted: Thu Mar 08, 2007 6:43 pm
by RobertGonzalez
Is

Code: Select all

height: 100%;
min-height: 100%;
not usable for you?

Posted: Thu Mar 08, 2007 6:50 pm
by iknownothing
doesnt seem to work.

Just in case I didnt expain it right.. this is the address http://www.tbsartwork.com/atyourservice, notice down the very bottom that grey strip (IE6), I don't want that there.

Posted: Fri Mar 09, 2007 10:31 am
by RobertGonzalez
You need to expand your main window content div. Take a look at the Useful Resources thread in this forum. I posted a link to a tutorial on sticking the footer section of a web page to the bottom of a page even if the content didn't push it all the way down. The same technique can be applied to your issue here.