Topic: from the bottom up Pages that link to <a href="https://ozoneasylum.com/backlink?for=10924" title="Pages that link to Topic: from the bottom up" rel="nofollow" >Topic: from the bottom up\

 
Author Thread
tunachips
Nervous Wreck (II) Inmate

From: Benton, confused, USA
Insane since: Nov 2002

IP logged posted posted 02-26-2003 07:59 Edit Quote

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


Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 02-26-2003 08:23 Edit Quote

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.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu