Forum Moderators: open

Message Too Old, No Replies

Layer Problem when viewed with a MAC

scrolling will not work

         

beatsie

11:52 am on Mar 5, 2004 (gmt 0)

10+ Year Member



Hi everyone

i have a layer on my site with overflow set to auto.

<Sorry, no URLs. See TOS [webmasterworld.com]>

So scrollbars appear to scroll through the content on the layer.

However when i view the site with a MAC you cannot scroll down the layer

has anyone come across a workaround for this. or does anyone know of a MAC friendly scrolling system so i can use that instead for MAC users of the site

thanks in advance

Karl

[edited by: tedster at 6:37 pm (utc) on Mar. 5, 2004]

isitreal

5:34 pm on Mar 5, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The only browsers I know of that fully support 'overflow:auto;' are IE 5.5 and 6 for windows, also Mozilla Firebird 0.7, but not Firefox 0.8. When I say fully, I mean that the scrolling acts like a user expects it to, put your mouse over the space, and scroll with your mousewheel.

Safari, all other Mozilla versions, Opera 7 offer partial support, where you get the scroll bar but you have to use the scroll bar slider manually to scroll the content. Opera 6 had no support for that feature, it just runs the content down for as much room as it needs.

One possible workaround can be found here:
[webmasterworld.com...]

That makes the body itself the scrolling element, that actually works very well cross browser, but the CSS is extremely difficult to implement, and requires a lot of fine tuning, that's the only actual method I've found here that does what you want reliably cross browser.

Can't make any promises for Mac IE 5x, it's really best to not worry too much about that browser, it's been abandoned, so usually all I go for with that is to make sure things basically work, no big display problems, and leave it at that.

beatsie

4:08 pm on Mar 8, 2004 (gmt 0)

10+ Year Member



thanks for the reply

i managed to fix the problem anyway.

basically i had to avoide nesting layers.

and amend the right-padding value in the CSS
stange , but it worked :)