I just found this ASP.Net server control horizontal scroll not working when align=right attribute is used! I digged into the HTML generated code and found something like this:
<div align="right" style="overflow:scroll; width: 200px; height:200px;">
<div style="width:400px; height:400px">
</div>
</div>
The horizontal scrollbar appears the moment you remove the align="right" attribute.
Tested in Chrome 17/18. It works fine in Firefox 10 and IE 10
Any workaround?
PS.
Should I submit the bug to google chrome folks? This sounds to be a webkit bug!
I think using CSS (
float:right;) and doing away with the align attribute solves the problem.http://jsfiddle.net/rdjRS/
Is this what you were aiming for?
Update: I’m assuming you can add javascript, but you can’t take away javascript. Could you try including this code into your javascript? It floats the element right and then removes the deprecated align attribute.
Yes, it depends on jQuery.
As you see, it works without having you removing any HTML or CSS that was already there.
http://jsfiddle.net/hLg73/