You need to be logged in to post in the forums. If you do not have an account, please sign up first.
Overflow scrollbars disappear with very wide content
I have a container with overflow:auto and I set its content's width to acomodate the content so it only shows horizontal scrollbars.Everything works fine except for Opera if the content is set to anything over 32766px. The overflow scrollbar dissapears and the content is inaccessible.
Any ideas? Is it a bug?
I am having a similar problem. I am using Opera 9.64
Example 1: tryitHtmlSignal.png
111,753 x 180 pixels
<div id="ctl00_Main_Panel4" style="width:900px; overflow-x:scroll;">
<img src="Images/tryitHtmlSignal.png" style=" width:auto ; height:auto" />
</div>
Problem 1.
The image loads but there are no scroll bars and the image is clipped, however this works fine in IE7.
This problem is inconsistent, because if I set the width of the div to 169px I get scrollbars.
When is set the width to 170px, I get no scrollbars.
Problem 2.
There is also a difference in how the image scale in in IE7 versus Opera 9.64.
In IE7 the image quality is sharp but in Opera the image is scaled down and blurred.
IE7 does not scale the image at all but Opera scales the image down. It is like the images are being rendered at two different resolutions.
This problem of scaling only occurs with images over a certain size.
Example 2; tryitHtmlSignal2.png
194,571 x 180 pixels
<div id="ctl00_Main_Panel5" style="width:900px;overflow-x:scroll;">
<img src="Images/tryitHtmlSignal2.png" style="width: auto; height: auto" />
</div>
In this example the settings for the div container have not change. The only then that has changed is the size of the image.
In this example the horizontal scrollbars work. So why did it not work in the first example with the smaller image.
Its been close to a year since the first post.
Has anyone found a work around for theses issues(scrollbars, improper image scaling).
Example 1: tryitHtmlSignal.png
111,753 x 180 pixels
<div id="ctl00_Main_Panel4" style="width:900px; overflow-x:scroll;">
<img src="Images/tryitHtmlSignal.png" style=" width:auto ; height:auto" />
</div>
Problem 1.
The image loads but there are no scroll bars and the image is clipped, however this works fine in IE7.
This problem is inconsistent, because if I set the width of the div to 169px I get scrollbars.
When is set the width to 170px, I get no scrollbars.
Problem 2.
There is also a difference in how the image scale in in IE7 versus Opera 9.64.
In IE7 the image quality is sharp but in Opera the image is scaled down and blurred.
IE7 does not scale the image at all but Opera scales the image down. It is like the images are being rendered at two different resolutions.
This problem of scaling only occurs with images over a certain size.
Example 2; tryitHtmlSignal2.png
194,571 x 180 pixels
<div id="ctl00_Main_Panel5" style="width:900px;overflow-x:scroll;">
<img src="Images/tryitHtmlSignal2.png" style="width: auto; height: auto" />
</div>
In this example the settings for the div container have not change. The only then that has changed is the size of the image.
In this example the horizontal scrollbars work. So why did it not work in the first example with the smaller image.
Its been close to a year since the first post.
Has anyone found a work around for theses issues(scrollbars, improper image scaling).
Can you post the examples somewhere online and link to them? Makes it easier to reproduce the issue you're talking about. If you think it's a bug in Opera, feel free to use the Bug Report Wizard: https://bugs.opera.com/wizard/
Andreas Bovens - Group Leader Developer Relations, Opera Software