|
Posted by Andrey Tarasevich on 04/25/07 07:51
Hello
The following HTML code makes IE7 to display the horizontal scroll bar
and permit a rather large amount of horizontal scrolling
====
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<body style="font-style: italic">
<table style="width: 100%"><tr><td>
<div style="float: left">Prev</div>
<div style="position: relative; float: right">Next</div>
</td></tr></table>
</body>
</html>
====
see http://home.comcast.net/~andrey-t/test.html
The interesting part is that this behavior critically depends on the
font style being 'italic' (???) and the position of the right-floated
'div' being 'relative'. Changing to non-italic font style disables
scrolling. Same with position. Can anyone please offer any suggestions
as for why exactly the original version causes scrolling in IE?
BTW, a version with 'div' instead of a 'table' produces essentially the
same result
====
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<body style="font-style: italic">
<div style="width:100%">
<div style="float: left">Prev</div>
<div style="position: relative; float: right">Next</div>
</div>
</body>
</html>
====
see http://home.comcast.net/~andrey-t/test_div.html
--
Best regards,
Andrey Tarasevich
[Back to original message]
|