IE 5.5 content in DIVs dissapears with CSS until refresh...

[Colin Jones]

OK, I've been trying to put together a standards compliant site, and
have it validating as XHTML Strict, valid CSS and going for AAA
accessibility.

Unfortuantely in IE 5.5, when you click the links on the left hand
menu to take you to a new page, on the page that is displayed you
'lose' the menu completely (it disappears). If you click refresh,
then the menu comes back!

These are static HTML pages, so it's not a cookie or dynamic page
thing.

Anyone any idea what is going on (bug?), and if there is a way to
prevent this happening and keep the menus there without having to
refresh the page?

The site is http://www.2know.co.uk/

Colin.

--
[Please post replies to newsgroup]

[phil_gg04@treefic.com]

Re: IE 5.5 content in DIVs dissapears with CSS until refresh...

This sounds like the "peekaboo" bug. Google for it. There are fairly
painless work-arounds.

--Phil.

[seajays@hotmail.com]

Re: IE 5.5 content in DIVs dissapears with CSS until refresh...

phil_g...@treef ic.com wrote:[color=blue]
> This sounds like the "peekaboo" bug. Google for it. There are[/color]
fairly[color=blue]
> painless work-arounds.
>[/color]

Thanks - I will have a look at this, although the peekaboo bug seems to
be coming up saying it is an IE6 thing, whereas the site works OK in
IE6, but not in IE5.5

It does sound very similar though, so I will have a look and see if any
of the solutions work for IE 5.5. Thanks for the suggestion.

Cheers,
Colin.

[seajays@hotmail.com]

Re: IE 5.5 content in DIVs dissapears with CSS until refresh...

phil_gg04@treef ic.com wrote:[color=blue]
> This sounds like the "peekaboo" bug. Google for it. There are[/color]
fairly[color=blue]
> painless work-arounds.
>[/color]

Unfortunately this hasn't worked. IE 5.5 still does not display the
menu after the first click.

I took out all the floats completely to see if that would make a
difference (there are only two floats). It didn't make any difference
I'm afraid.

Anyone else any suggestions?

Cheers,
Colin.

--
Please reply to the newsgroup.

[kchayka]

Re: IE 5.5 content in DIVs dissapears with CSS until refresh...

Colin Jones wrote:[color=blue]
>
> Unfortuantely in IE 5.5, when you click the links on the left hand
> menu to take you to a new page, on the page that is displayed you
> 'lose' the menu completely (it disappears). If you click refresh,
> then the menu comes back!
>
> The site is http://www.2know.co.uk/[/color]

Suggestion: Get rid of most or all the absolute positioning. You don't
need it on every element, not the header and main content areas for
sure. The header should be relatively positioned, the content static.

It's possible the @media rules are interfering with IE5, print in
particular. Don't stick @media in the middle of the stylesheet, put them
at the end. FWIW, I usually put @media-specific rules in a separate
stylesheet and @import it. I've never had browser trouble by doing this,
but sometimes I do need to set more specificity on the @media rules.

HTH

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[seajays@hotmail.com]

Re: IE 5.5 content in DIVs dissapears with CSS until refresh...

kchayka wrote:[color=blue]
> Colin Jones wrote:[color=green]
> >
> > Unfortuantely in IE 5.5, when you click the links on the left hand
> > menu to take you to a new page, on the page that is displayed you
> > 'lose' the menu completely (it disappears). If you click refresh,
> > then the menu comes back!
> >
> > The site is http://www.2know.co.uk/[/color]
>
><snip>
> It's possible the @media rules are interfering with IE5, print in
> particular. Don't stick @media in the middle of the stylesheet, put[/color]
them[color=blue]
> at the end. FWIW, I usually put @media-specific rules in a separate
> stylesheet and @import it. I've never had browser trouble by doing[/color]
this,[color=blue]
> but sometimes I do need to set more specificity on the @media rules.
>[/color]

You were spot on with the "@media print" rule being the problem - I
tried various @import variations, but that started to introduce other
problems. I finally managed to get it to work by adding a second link
statement for the printer rules instead:

<link rel="stylesheet " title="Printer Style" type="text/css"
href="printer.c ss" media="print" />

This seems to have fixed it! Thank you so much for the advice, it was
very helpful in finally tracking down the problem.

Cheers,
Colin.