Topic: from the bottom up (Page 1 of 1)

I i'm trying to make my site scale to whatever the user's window is sized to. I thought I had this figured out. http://www.loveobjects.com/filler.html That might load for you and might not. It was working fine while I was building it using IE6. But, I reloaded it after I cleaned up the source and it went fubar. I checked it in NS7 and moz, and opera7 and it was still fubar.

What I did was to make a div box that was positioned at bottom: 0px; left: 0px; height: 100%; and (get this) padding-top: 90px;. Inside this box I have other boxes and stuff and an iframe. Doing this allows the iframe to go to the bottom of the window and not go all the way up to the top, and it will scale.

However, this will only work in IE6 (when it does work).

I made a test page with just basic elements.
http://www.loveobjects.com/filler2.html that flat won't work in IE. But the thing that really gets me is this.
It seems that if you make a div box and position it from the bottom (bottom:0px and set the height to 100%, and pad the top (padding-top: 90px , everything but ie seems to ignore the padding. And vetical margin want to colapse.

Can any of you think of a way to position a box from the bottom of the window and have it go up X distance away from the top? And it be able to scale?

Thanks

Well, one way to go about this would be to set the top margin of the body to 90px. Then just give the div relative positioning, a top position of 0(insert your favorite unit here) and a height of 100%. That should work as long as you don't want anything in that space up above the div (and you could even work around that by putting a background image in the body positioned all the way at the top). I'm pretty sure this will work in just about any (standard-supporting) browser.