...

View Full Version : 100% height? weird IE behaviour ;)



Lorrens
09-23-2006, 12:10 PM
Hey,
I'm busy with a website.. but I can't figure this out:
I've got white content-space with some shadowgraphics at both sides..
but the shadow graphics don't do what they supposed to, they should be from top to bottom of the page..

www.fealix.net/nrg
www.fealix.net/nrg/style.css

what do I do wrong?
Thanks in advance!

timgolding
09-24-2006, 12:57 AM
this is the general behaviour of background images. why dont you have them as images and make then height:100%;

P.s When i develop ny sites they always start "Lorem ipsum dolor sit amet, consectetuer adipiscing elit...." as well ;)

azzara
09-24-2006, 01:57 AM
Just want to say that I thought this forum would be too advanced for me :(

But I am learning fast love the way you help each other :thumbsup:

_Aerospace_Eng_
09-24-2006, 01:58 AM
Wow okay you have a case of divitis and also a lot of CSS that can be trimmed down. 100% height is 100% height of the browser window not the page. You need to use min-height however IE6 doesn't support this but it does treat normal height as min-height. First though you need to change one thing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Change that to

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Now you need to make add 100% height to the body and you also need to add

html {
height:100%;
}
/*Hide from IE Mac\*/
* html #container {
height:100%;
}
/*End Hide*/

Then for your #container remove height:100%; and add min-height:100%;

Personally I would combine your shadows to make them one image. It will make it easier code wise.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum