CSS double horizontal dropdown issue in Safari [Archive]

Click to See Complete Forum and Search --> : CSS double horizontal dropdown issue in Safari

CHRISGEE

12-21-2005, 02:42 PM

Hey guys,

I've got a problem. I'm trying to create a double dropdown using Sons of Suckerfish technique. The idea is that the dropdown nav should display each of the nav items inline. It works like a charm in FF on Mac and PC as well as even IN IE WIN!!!!

This time it's Safari that's the problem. The list items don't show inline like they should. Any ideas?
Here is the link (http://www.cube-interactive.com/clients/hbe/index.htm).

JPnyc

12-21-2005, 03:05 PM

There's more problems than just Safari. In IE6 on windowsXP, the menu items disappear briefly on mouseover, and the dropdown appears with the items listed horizontally. In Firefox on windowsXP, they appear vertically but all are different widths. The menu is completely broken in Opera on winXP.

CHRISGEE

12-22-2005, 04:20 AM

Mynock

12-22-2005, 04:38 AM

I hear you there Chris I'm learning CSS now too. Difficult to start out with, but I'm starting to get the hang of it, the little I've tangled that is.

Patrick Shannon

12-22-2005, 03:08 PM

CSS is godly.

CHRISGEE

12-23-2005, 09:39 PM

Can't find my CSS guy. DAMN holidays! LOL!

Any of you CSS gurus know a better way to achieve what I'm trying to achieve with my dropdowns? Any tuts out there or other examples that are better supported across all browswers?

SurfPark

12-24-2005, 07:48 AM

I'm on Firefox (win) and i'm seeing the dropdowns as different shapes. I suggest you set a standard width for the dropdown element boxes. I was researching Safari and found there are a lot of problems with the browser's ability to render CSS.

Although this isn't a solution to your existing problem, I found a site that has a working drop down menu that claims to be Safari compliant. (link (http://koivi.com/css-menus/)). They call it "pure CSS menu" which claims to rely on more strict CSS standards. The menu claims it doesn't work in IE6, but can be "fixed" by using the IE fix which is included in the file, just not turned on.

Be aware that when IE 7 comes out, we'll all be crying over CSS again. Apparently, many developers are working hard to incorporate Microsoft's new CSS protocol into the new browser, which doesn't promise us backwards compatibility. As Microsoft did with Java, they'll have their own version of CSS, which is a mishmash of CSS 2 and some funky IE elements. Remember, they want you to have a reason to use Internet Explorer again! Dean Edwards (http://dean.edwards.name/IE7/) is actually working on a fix to make CSS, CSS 2, and Microsoft's CSS 2 Remix, play nice with each other. Download his plug-in (still in alpha test) for IE 5+ and you'll see how IE 7 will render your CSS. Amen.