Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > CSS based horizontal menu bar, need help as not working in Opera & Mac/IE

Thread Tools

CSS based horizontal menu bar, need help as not working in Opera & Mac/IE

Posts: n/a

After posting this in a forum with no responses I thought I'd try my luck
here. 1st time posted here so apologies if this isn't the best place for it.

I found a thread on a forum
which seemed like an excellent menu system (menu authored by Brothercake).
However, I needed a horizontal menu bar and there was a non-working demo
which looked like just what I needed within the replies.

However, when I grabbed the code tried it out it didn't seem to work
properly on Opera (I tried it on V7.54) or Mac/IE. In both cases the main
items on the menu bar sit in a vertical stack instead of next to each other
on the menubar.

Are there any gurus out there who could help me out please?

My test page is here (

It uses CSS (internal to the HTML) and some Javascript. I've not edited
either of these components from the original example I downloaded. I have
placed the javascript into an external file however.

I've tested the menubar under IE6, Mozilla, Firefox, Opera, Safari and
Mac/IE. The priority is Opera but I'd also like some sort of solution for
Mac/IE given that I have a few users with that browser (they cannot run
Safari as they don't have OS X!).

Thanks in advance !!

Reply With Quote
Posts: n/a

"Reckless" <(E-Mail Removed)> wrote in message
news:cl43ml$rj3$(E-Mail Removed)...
> Hiya,


> Are there any gurus out there who could help me out please?

No, but I'll have a go


Try this:
/* main nav */
ul#menu { cursor: default; position: absolute; z-index: 1000; top: 64px;
left: 0; width: 100% }

thats width 100% rather than auto. Works for me in Opera now.



Reply With Quote

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Menu items alignment for a horizontal menu Emil ASP .Net 1 12-11-2007 12:01 PM
Horizontal menu with same width menu items Hoa ASP .Net Web Controls 0 08-30-2006 02:31 AM
Comparisons of IE, Opera and Firefox on DOM (Javascript/CSS) support(Opera wins) Bob HTML 24 05-21-2006 05:31 PM
Horizontal Menu Navigation Web Control - Spaces Between Menu Items Philip ASP .Net Web Controls 1 03-21-2006 01:55 PM
Horizontal Menu and Sub menu in 2.0 itzikkl ASP .Net 0 03-27-2005 12:50 PM