Posted by Gwin on 07/24/07 20:57

jakeatkins via WebmasterKB.com wrote:
> Gwin wrote:
>>> I'm trying to make an image that will cover all page content that
>>> scrolls under it stay at the top of the browser window, all within
>> [quoted text clipped - 10 lines]
>>>
>>> Thanks!
>>
>> style it in the css
>> z-index:"value"
>
>
> Awesome, I notice using position:fixed doesn't work in IE6, but it
> does in safari. Any smart way of doing the same thing but for the
> bottom of the page, no matter what the size of browser window, having
> it stick on the bottom? Here's the code I used for the top:
>
> <img src="smred.gif" border="0"
> style="position:fixed;
> left:0px;
> top:0px;
> z-index:2;">

nope
ie7 will
ie6 won't and there's really no workaround i know of

try this
html {height:100%; min-height: 100%;widith: 100%;}
body {height: 100%; min-height: 100%; widith: 100%; text-align: center;}

div#footer {height:100%; min-height:100%; width:100%; bottom:0;
padding-bottom:2%; position:absolute; left:0;}

• Next in forum: Re: Fade effect on top and bottom of page while scrolling
• Prev in forum: Re: Extra space between form tag and table tag when screen resolution is 1280 x 1024
• Thread view: Re: How does one make an image on top of everything?

[Reply to this message]