100% height Div's

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
iknownothing
Forum Contributor
Posts: 337
Joined: Sun Dec 17, 2006 11:53 pm
Location: Sunshine Coast, Australia

100% height Div's

Post 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.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Is

Code: Select all

height: 100%;
min-height: 100%;
not usable for you?
User avatar
iknownothing
Forum Contributor
Posts: 337
Joined: Sun Dec 17, 2006 11:53 pm
Location: Sunshine Coast, Australia

Post 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.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post 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.
Post Reply