Jon Witts wrote:
> Hello, I have been developing this site for a client,
> http://www.stockchildservices.co.uk/ and have been banging my head
> against the wall for days now because of an IE 6 error.
>
> All of the HTML and CSS validates fully and all appears well in Firefox
> and Opera, but when you view the page in IE6 the navigation on the left
> vanishes, until you hover over one of the links in the main body or the
> right hand column (but not the footer!).
>
> I have searched around, and am sure that this is an example of the
> Peekaboo bug, but I can not find the element that I need to apply the
> height fix to... If you look at the code, you will see I have been using
> conditional comments to try and isolate the fixes for IE and keep the
> extra CSS away from the other browsers.
>
> I have completely removed all of CSS that controls the menu, as I
> thought this might be interfering with the layout stuff, but it made no
> difference.
>
> If anyone could help with this I would be most gratefully.
>
> From a very frustrated Jon.
I'd try to enclose the body's content in another wrapper
#innerwrap {zoom:1;}
<body>
<div id="innerwrap">
...
<div id="navigation">...</div>
</div>
</body>
because the (negative) percentage margin of the floated navigation does
not know where it is related to, initially. It should be calculated with
respect to its containing block: body. But it does not in IE6.
With the fix, the innerwrap is the new calculation basis, and on initial
load, the percentage is calculated with respect to body. And on redraw
(after a hover event, that is), it is calculated with respect to
#innerwrap. Which is equal to body here.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
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/
