7 replies [Last post]
Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 5 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Please refer to the third menu (the green one) on this page.

In all browsers except Opera hovering over the items will reveal a submenu. Does anyone have any ideas why Opera isn't revealing the submenu?

If the top level LIs are made display:block the submenu items will appear. Does Opera have something against display:inline items starting a display context for position:absolute children?

In Safari (& Shiira) the top border of the submenu items is not showing. Does anyone have any idea why?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 51 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

That page or site is

That page or site is unavailable right now Chris

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Same here Chris, in fact I

Same here Chris, in fact I think you posted a link the other day and I found the same problem then?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 5 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Its probably the same link.

Its probably the same link. Most like some hacker busily attacking my server Sad . All seems fine now.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Tracking down the problem is

Tracking down the problem is simple enough , at least it seems similar to something I ran up aginst, sadly it don't provide a solution, not that I can see so far, damn fiddly menu

.nested-horiz ul.menu li { display: inline; margin: 0; padding: 1px 1em 3px 1em; /*position: relative;*/ /* that's the problem; why?...*/ zoom: 1; border: 1px solid #dfd; border-bottom-width: 0; }

Not much help I'm afraid, clearly pos:rel is needed but Opera ain't pleased with it.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 51 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

You might find you need to

You might find you need to use display:table-cell or some other table property. I did for a menu I made.

In IE6, the site is many screen widths wide (all empty)

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 5 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Thanks for the IE6 note, its

Thanks for the IE6 note, its picking up the width from the containing block rather than the LI item. Adding a IE6 only width makes things more sensible.

display:table-cell does allow the submenu to be shown - however its left border doesn't line up with the menu item, but with the left hand edge of the block.

Is Opera's behaviour in this case compliant with the CSS2.1 standard? And Firefox, et. al. are they compliant?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 51 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

I suspect Opera is faulty.

I suspect Opera is faulty.