Product Drop Downs in FireFox

[brookbab]

Hey guys,

just wondering if anyone knew why drop down menus displayed in firefox seem to add an extra space inbetween each component drop down. They appear ok in IE and Actinic but in FF the product drop downs seem to be spread out more..

[TraceyHand]

I've noticed that too...with my collapso menu
It's a lot more spaced out vertically in FF than it is in IE
I've just had to reach a compromise. The majority of people are viewing it through IE...so as long as it's looking "ok" in FF...then it's not really a problem.

[completerookie]

need examples, web site address?, style sheets etc to see whats going on.

[pinbrook]

a lot more spaced out

just like most developers and designers recently

[TraceyHand]

LOL Jo

well, mine is www.budget-bumps.co.uk (but you could have guessed that lol)
I've reduced the spacing in the CSS down to zero in order to "accommodate" Firefox/Safari
It's rather close together in IE but not so as to be squashed up..yet it's still quite far apart in FF

Actually, the format I'm using for the collapso menu on jesterstrickbits.co.uk seems to keep the spacing more consistent...but messes with the font size instead.

Seems everything I do to please IE has a side-effect in FF. Like I said, I've had to reach a "happy medium" between the 2 really.
I'm not going to completely balls up a FF layout just to make IE look good but likewise, I'm not going to "design" for FF/Safari etc ("design" being in quotes because I'm far from capable of designing anything for anything really LOL)

And can I just apologise to the OP for hijacking the thread!

[completerookie]

ok, ok, senior moment,
take a look at http://www.outfront.net/tutorials_02/adv_tech/css3.htm
here they say that x-small and other similar sizes should be avoided,
its best to use percentages or ems.
problem is cross-browser support for anything under 76% is iffy

and bear in mind that if you declare "50% ", then its 50% of whatever the parent font, so if any thing is already 50% of the main body text, then it becomes 50% of 50%

[Darren B]

Thanks Kevin

Makes interesting reading, another thing i'll put on my list

Good link
Cheers
D

[TraceyHand]

ahh..Kevin..you reminded me actually
I'd changed the text size in the collapso css (well..added one in actually) for BB but it was some time ago, I'd forgotten

Just made the same change in Jesters and it's much better now!
Thank you!

[completerookie]

glad you've got it fixed.

[TraceyHand]

well...I'm learning..

the spacing thing still bugs me though...is this a common thing between IE and other browsers? Am I going to have to live with it?

[ackerman]

well...I'm learning..

the spacing thing still bugs me though...is this a common thing between IE and other browsers? Am I going to have to live with it?

Sorry, I am not familiar with ver 8, but I am familiar with trying to get different browsers to behave the same.

The problem is that IE can be very quirky in the way it treats CSS and it is usually Firefox which is actually correct. What you have to find is a workaround to get them uniform.

I don't know what the code looks like for your navigation, but they are essentailly lists. You could try adding a margin of 0 in the css (if not already there). Otherwise is might be the way the list format is laid out. You don't want any spaces between each "li" element.