Viktor78

Hello,

I am using the very useful IE-specific zoom CSS property to zoom pages. Unfortunately, I have noticed an inconsistency when using the zoom property between standard-compliant and Quirks mode.

Interestingly, if the page is rendered in Quirks mode zooming works as expected but if IE is rendering the page in standards-compliant mode the zoom property ceases to affect child elements of type div, if the position style property is set to relative or absolute (but not static).

Here is the test case

Quirks mode

<html>
<body style="zoom:200%">
<h1>Zoom 200%</h1>
<div>
Static DIV (correctly zoomed)
</div>
<br />
<div style="position:relative">
Relative DIV (not zoomed if rendered in strict mode)
</div>
</body>
</html>

Standard-compliant mode (same as above but with doctype)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<body style="zoom:200%">
<h1>Zoom 200%</h1>
<div>
Static DIV (correctly zoomed)
</div>
<br />
<div style="position:relative">
Relative DIV (not zoomed if rendered in strict mode)
</div>
</body>
</html>


Another side-effect of the standard-compliant mode is also that the scrollbars are not zoomed any more. But this change is less important than the fact that certain child div elements are not zoomed any more.

In my opinion all child divs should be affected by the zoom level of a parent element. Please consider fixing this inconsistent behavior.

Thanks,

Viktor
--
http://www.quero.at/
The New Web Experience