Re: [css-d] CSS SCROLLING BUG

[Gunlaug Sørtun]

Gigaboy20 wrote:
> Im having a problem with the advertisment scrolling with the div in 
> the lower right corner in IE but not Firefox. The problem I'm having 
> in IE is that the advertisment at the top of the page which is in a 
> div is scrolling fixed like the youtube ad. Attached is a myspace 
> page...

Attachments don't get through to the list, but I received one off-list.

> 
> 
> html, body { overflow: auto; margin: 0; padding: 0; } .div3 { 
> position: absolute; bottom: 0; right: 0; }   class="div3">

For the archive (since I've sent a complete solution off-list already):
the disturbing element is a javascript-generated iframe with an extreme
STYLE='position: relative; z-index: 1'. The simulated "position:
fixed" makes it freeze to the window and overlap the scrolling page in
IE/win.

The solution is of course to target the generated iframe and make it
behave as an ordinary, non-positioned, scrolling element.

This does it...

  * html body div table td iframe {position: static!important;}

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS SCROLLING BUG

[Gigaboy20]

Im having a problem with the advertisment scrolling with the div in the lower 
right corner in IE but not Firefox. The problem I'm having in IE is that the 
advertisment at the top of the page which is in a div is scrolling fixed like 
the youtube ad. Attached is a myspace page that you will see scrolls with the 
ad fixed. I am realizing that the solution is the html body css but im not sure 
how to make it exclude the ad at the top of the page. Perhaps there is a way to 
reference the nth div on the page? I can only change the following code to fix 
the solution.



html, body {
  overflow: auto; margin: 0; padding: 0;
  }
 .div3 { position: absolute; bottom: 0; right: 0; }

   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/