If you change Page Zoom to any other than 100%, the horizontal scroll is
broken.
Anyone can help me to find solution?


Sample code:

<div style="width: 400px; height: 100px; overflow: scroll; background: #eee;">
<table style="width: 500px;">
<tr>
<td style="width: 200px; background: lime;">Proin vitae mi. </td>
<td style="width: 300px; background: yellow;"><div>Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Vestibulum ut ante.</div></td>
</td>
</table>
</div>

Re: IE7 Zoom Bug (overflow: scroll) by rob^_^

rob^_^
Sat Apr 05 04:55:23 PDT 2008

Hi Alexander,

That is a known issue. ( I just checked and it has been fixed in IE8).

The only workaround that I know is to use the zoom style attribute. ie
style="zoom:1.1"

See http://www.iecustomizer.com/?url=zoomutilities_download.asp

This would require you to place options on your page for your uses to choose
the zoom level for your site.


Actually you could try setting a zoom value of 1 in the body tag. ie...
<body style="zoom:1">

That may work although I haven't tested it.

Regards.

"Alexander D." <AlexanderD@discussions.microsoft.com> wrote in message
news:D6C2AF54-5FC2-4830-AA3D-FC35114A853C@microsoft.com...
> If you change Page Zoom to any other than 100%, the horizontal scroll is
> broken.
> Anyone can help me to find solution?
>
>
> Sample code:
>
> <div style="width: 400px; height: 100px; overflow: scroll; background:
> #eee;">
> <table style="width: 500px;">
> <tr>
> <td style="width: 200px; background: lime;">Proin vitae mi. </td>
> <td style="width: 300px; background: yellow;"><div>Lorem ipsum dolor sit
> amet, consectetuer adipiscing elit. Vestibulum ut ante.</div></td>
> </td>
> </table>
> </div>
>