Tony Zanella wrote:
> http://xtf.lib.virginia.edu/xtf/view?docId=2005_Q4_3/uvaBook/tei/z000000175.xml
> In ie6, the <div id="mainContent"> is far lower down on the page
> than in Firefox, and in ie7, the same div "jumps" over to the right.
Problematic to diagnose and correct a layout that is based on tables,
multiple classes and inline styles to such a degree :-)
It is _not_ an "escaping float" case - rarely happens in older IE/win
anyway.
Elements inside #subContent1 take up space to the right in old IE/win,
which causes overflow/expansion. As a result #docText gets pushed over
in IE7 - IE7 handles overflow somewhat correct in this case, while in
IE6 #docText runs out of space and gets pushed down below #subContent1 -
IE6 handles visible overflow badly (or rather not at all).
One way to fix old IE's problem is to pull in the right margin on
#subContent1 and thereby make it appear narrower.
The addition of...
#subContent1 {margin-right: -500px!important;}
...will do, and won't create problems for better browsers.
This is not a perfect solution though, only a quick-fix (I got tired of
looking through the somewhat messy source-code and stylesheets).
You should dig a bit deeper and figure out which elements/styles that
cause the overflow/expansion in old IE, and try to correct it there.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
