Sent by Ingo Chao on 14 September 2005 21:09
Scott Blanchard wrote:
> http://v5.octane8.com/expsidebars/
>
> The left sidebar is floated, but there are no other floats in the layout.
> The problem is that the header element (the red graphic with the word
> "Sungard") exhibits the 3 pixel gap in IE.
>
> Unfortunately, none of the hacks I've found can fix it. What am I missing???
A content within a container is affected by a float.
The content or the container show a horizontal shift of 3px.
The 3px jog needs "always" a triad of fixes:
1) let the container gain "layout"
(a shield for the content)
2) subtract 3px from the container's margin next to the float
(to compensate for the 3px jog)
3) apply a negative margin of -3px to the offending float(s)
(to make room for 2)
2 and 3 do result in a wrong arithmetic in browser which do not show the
invisible hardwired 3px distance next to floats for some reasons. Hide
these fixes with conditional comments.
<!--[if lte IE 6]>
<link rel="stylesheet" href="ie56fix.css" type="text/css" />
<![endif]-->
/* ie56fix.css */
..main {
height: 1px;
margin-left: 209px; /* instead of 212*/
}
..leftSidebar {
margin-right:-3px;
}
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
