I have used javascript to create a scrolling banner. The script basically creates two copies of a block of ten images and places them side-by-side inside a div. This div is given a width of 100% and set to overflow:hidden. It works just fine in IE win, Firefox and Netscape, but I am having problems in Opera. Specifically, while Opera hides the area off the right hand side of the page, it still allows the user to scroll right and see blank space! How can I fix this?
You can view the site and its source code at <!-- m --><a class="postlink" href="http://chris.paing.com/test.php.Chris">http://chris.paing.com/test.php.Chris</a><!-- m -->,
I'm having no problems in Opera 7.54 mac.
-MikeThats good to know WartHog. At least its working in the MAC version.
I'm running Opera 8.01 windows.Have you considered scrolling it the opposite way so that it can be hidden off of the left side of the page instead?Probably something to do with the absolute elements inside the relative element.Well I finally discovered a similar post in the Opera forums. It turns out this is a known bug with Opera.
To fix it I had to insert an additional wrapper div (that is absolutely positioned and has overflow:hidden) inside the relatively positioned wrapper div.
You can see the corrected version at <!-- m --><a class="postlink" href="http://chris.paing.com/test.php">http://chris.paing.com/test.php</a><!-- m -->.
You can view the site and its source code at <!-- m --><a class="postlink" href="http://chris.paing.com/test.php.Chris">http://chris.paing.com/test.php.Chris</a><!-- m -->,
I'm having no problems in Opera 7.54 mac.
-MikeThats good to know WartHog. At least its working in the MAC version.
I'm running Opera 8.01 windows.Have you considered scrolling it the opposite way so that it can be hidden off of the left side of the page instead?Probably something to do with the absolute elements inside the relative element.Well I finally discovered a similar post in the Opera forums. It turns out this is a known bug with Opera.
To fix it I had to insert an additional wrapper div (that is absolutely positioned and has overflow:hidden) inside the relatively positioned wrapper div.
You can see the corrected version at <!-- m --><a class="postlink" href="http://chris.paing.com/test.php">http://chris.paing.com/test.php</a><!-- m -->.