Click to See Complete Forum and Search --> : Dynamic 100% height/width layout. IE5.5,7,8/FF/Safari/Opera OK - IE6 glitches!


frifox
04-14-2009, 08:50 PM
NOTE: a repost from HTML forum section... this thread belongs in CSS so i'm reposting it in a proper section...

- website is 100% width/height? check
- custom page borders, 100% width/height? check
- footer attached to the bottom, and pushed down if content overflows? check
- fix the tiled transparent PNG's in IE 5.5/6 bug? check
- working minimum width on all browsers? check
- no tables used? check
- XHTML 1.0 Strict compliant? check
- CSS 2.1 compliant? check
- all of the above work in IE5.5, IE6, IE7, IE8, Firefox, Safari, Opera? almost...

Website Link: http://tranceluvers.com/temp

basically everything works just fine in all browsers except IE6 is having one little problem... when content overflows, the right/left background DIV's containing png gradient image stretch to the 100% height of browser window, but not 100% height of the page like it does in all the rest browsers, even IE5.5! (if u have IE6, click "LONG CONTENT" link and try resizing the browser to see problem). IE6 also fails to obey minimum width (even the IE5.5 follows the minimum width) but thats another problem, i can deal with it...

How it should be: http://img404.imageshack.us/img404/6750/firefox.jpg
How IE 6 does it: http://img16.imageshack.us/img16/3376/ie6l.jpg

anybody here dealt with this lil bug before? any help is appreciated very much!

frifox
04-15-2009, 06:11 PM
ok, i figured it out. had to use javascript in css to specifically set wrapper height to be same as the page... dont worry, everything is still XHTMLv1/CSSv2.1 valid :)

since the problem is resolved, i'm taking down the page but if anyone else is interested, you can download the template here:
http://www.mediafire.com/?uyngznmwwtm