Arian Hojat wrote:
> http://arihoj.freehostia.com/tabTest.html
>
> I got it working in firefox, but IE (6) seems to have a problem... if
> you hover over one of the inactive links, a margin shows up between
> #contentbody and element before it. It seems to 'use' #TroubleMaker
> bottom margin which is really weird.
> I could just change TroubleMaker margins to padding, but id rather
> know whats going wrong.
IE/win is a demanding customer, and gets easily confused. So it
collapses that 50px margin no matter what -- unless it finds a solid
clearer between the elements. At least IE obeys the standard[1] on that
point.
This will do...
</div>
<br style="clear: both; font-size: 1px; line-height: 0; height: 0;" />
<div id="header">
...with styles moved to the stylesheet.
Also, there's a weak spot in those rounded corners. Non-breaking spaces
will be blown up with font-size under the IE-option 'ignore font-sizes',
and similar in other browsers. That will make gaps appear.
<div id="top-left2"><div id="top-right2"><!-- --></div></div>
...and...
<div id="bottom-left2"><div id="bottom-right2"><!-- --></div></div>
...will survive untouched.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
