unpredictable css results

[Sadruddin]

Hi. Generally speaking, I expect css to work predictably, but on my site

http://www.sheffieldtrauma.com

when you go to the Trauma page, on some PCs (IE6) it works fine; there's a submenu below the top one, and text appears in the expected place.

On some PCs, though, the submenu continus on the top line to the right of the main menu, and text appears in either the right place or right over on the right hand side.

It's as though, intermittantly, they start where the previous line left off, rather than starting on the left.

Any ideas? Intermittent arrors really piss me off!

Ta. S

 

[BillyRayPreachersSon]

Because you are floating your level 1 menu items, you need to add "clear:left" to menu2 to fix this.

However, this might then cause content below menu 2 (unless it is all wrapped in a container with clear:left) to float up past menu 1. In this case, I'd recommend using the "clearfix" code found on the "Easy clearing" page of "Position is everything", and adding ' class="clearfix" ' to menu 1 (or to any container where you float items).

P.S. I'm really surprised you don't see this on all instances of IE 6.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Sadruddin,

How did you go with this? Did you fix the problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Sadruddin]

Dan.

Thanks for the reply.

The PIS site's great - yet another new (tp me) resource!Their description of this workaround is a bit unclear, though. Working on it.

Steve

 

[BillyRayPreachersSon]

It's easy, really. Simply add the clearfix code to your CSS file, and give the immediate parent of the floated elements a class of 'clearfix'.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Sadruddin]

Sorry, mate, I'm not getting this.
Presumeably, I'm more of a newb than I thought.

If you look at the source of, say,

http://www.sheffieldtrauma.com/trauma.html

the parent is the <div> menu1, yes? Or would I make another parent? And if so, how.

Sorry. Hope this isn't too much to ask.

Thanks.

Sadru

 

[BillyRayPreachersSon]

I know I said the immediate parent, but in your case, using the 'menu' div would be fine... so add the class to that.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]