Comments on: Safari. CSS rendering issue. Help!

Question: Safari. CSS rendering issue. Help!

signal — Fri, 12 Dec 2003 05:00:15 -0800

Safari CSS rendering issue.

[more inside]

I am developing a website, using CSS menus where I set the anchor tag's width to a fixed amount and the display attribute to "block", which gives nice, fast buttons.

It works fine in all browsers I've tested except Safari, which shows the links as normal text. The thing is, I used the exact same technique for another site, and it renders fine in Safari.

I'm stumped, don't know what the difference is between the two. Plus, I don't have a Mac, so I've been using iCapture for testing purposes, but it's slow.

The links:

Menus don't work
CSS (the tag in question is ".menu")

Menus do work
CSS (the tag is ".carrmenu")

Any help will be greatly appreciated.

By: poopy

poopy — Fri, 12 Dec 2003 07:56:03 -0800

i don't have safari so i won't be of much help but i did notice that in the broken css, you've declared an id and a class as menu. that might be messing things up, who knows.

By: signal

signal — Fri, 12 Dec 2003 09:14:13 -0800

I removed the id defintiion, still no dice, even though the CSS validates, except for a non-standard IE filter.

By: birdherder

birdherder — Fri, 12 Dec 2003 09:51:05 -0800

I'm running safari and the links work in both examples. It appears as if the way that icapture is rendering the page isn't correct.

By: yerfatma

yerfatma — Fri, 12 Dec 2003 10:00:03 -0800

Slightly off-topic, does anyone know an effective way to hide CSS from Safari?

By: adamrice

adamrice — Fri, 12 Dec 2003 10:00:44 -0800

It works, but you're really doing this the hard way. You can achieve those effects using straight CSS, no JS, and with nice structurally correct HTML

Check out Listamatic for samples of what I'm talking about.

By: signal

signal — Fri, 12 Dec 2003 11:18:16 -0800

Ok, I added a "_" character to the "filter" attribute, which makes it only visible to IE, which is ugly but works. Apparently Safari takes exception to non-standard CSS.

adamrice, I'm using the JS for the imagerollovers. Is there a way to do those using just CSS?

The menus are pure CSS, and actually pretty similar to some of the examples on that link you posted (which is a great resource, BTW).

By: adamrice

adamrice — Fri, 12 Dec 2003 12:31:50 -0800

Yes, I think you can do those rollovers in straight CSS. Check out Eric Meyer's page for some really trippy CSS effects.

By: yerfatma

yerfatma — Fri, 12 Dec 2003 14:29:20 -0800

CSS rollovers