Allison Kelly wrote:
> I am wondering if anyone can help me with this font-size quirk. I
> have body {font-size: small;} and I use percentages for my h1, h2, h3
> sizes, which is working everywhere I need it to (Firefox, IE7, IE6)
> except for one instance. When my IE6 browser is not maximized to full
> size, and I resize my browser setting to "larger" no text in the main
> content section shows up.
>
> www.mtc.gov
That's not a font-size quirk as such, but a combination of (at least)
three IE6 bugs.
1: the 'auto expansion' bug.
2: the 'italic' bug.
3: the 'IE needs Layout' or 'peek-a-boo' bug.
Font size in itself is not part of the bug-scenario, but happens to push
the 'italic' bug into the 'auto expansion' bug at certain sizes at
certain window-widths. The result is that the MTC_contentArea container
becomes too wide in IE6, and is pushed below the left column where it
disappears.
Just changing the window-width slowly will reveal several points where
the MTC_contentArea container disappears like that.
Adding a 'hasLayout' trigger to MTC_contentArea...
* html #MTC_contentArea {height: 1%;}
...will make it stay visible, but won't prevent it from being pushed down.
Since I couldn't find the exact 'italic' bug or whatever other element
that's provoking the 'auto expansion' bug, I suggest using the "removed
container" solution on the left column.
The addition of...
* html #MTC_leftCol {margin-bottom: -10000px;}
...will make that element take up no space, so the MTC_contentArea
container can't be pushed below it no matter what bugs IE6 comes up
with. This is a somewhat drastic fix, but it's a working one that won't
disturb other browsers.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/