467,073 Members | 1,325 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,073 developers. It's quick & easy.

Menu Bar IE Problem

I have made a menu bar with CSS and it works perfectly with IE. But it's
*way* off in FF. I have fiddled with it for quite some time and can't
get it to cooperate. Can anyone help?

http://www.giftbasketsandtrinkets.com

Thanks!
Mar 20 '07 #1
  • viewed: 1633
Share:
3 Replies
Mike wrote:
I have made a menu bar with CSS and it works perfectly with IE. But it's
*way* off in FF. I have fiddled with it for quite some time and can't
get it to cooperate. Can anyone help?

http://www.giftbasketsandtrinkets.com
I bet if you used a strict doctype to put your page in standards mode,
IE6 would "mess up" just like FF. I think you are looking at two
different box models, since your transitional doctype leaves you in
quirks mode.

Look at:
#globalnav li a {
width:70px;
padding:0.2em 0.6em;
font-size: 12px; }

Real browsers make your link (roughly) 70px + 2*(.6*font-size) wide, so
FF shows them at about 86px. IE in quirks mode doesn't add padding to
the specified width, but deducts it from the total available (so it has
to wrap the menu texts). IE's menu is shorter across, but FF's conforms
to the W3C's specs.

HTH
--
John
Mar 21 '07 #2
In article <ptZLh.15372$1a6.3671@trnddc08>,
Mike <mm**@earth.netwrote:
I have made a menu bar with CSS and it works perfectly with IE. But it's
*way* off in FF. I have fiddled with it for quite some time and can't
get it to cooperate. Can anyone help?

http://www.giftbasketsandtrinkets.com

Thanks!
There are quite some things wrong about the design, but it looks
better if you simply get rid of "width:70px;" altogether from
your:

#globalnav li a {
float:left;
/*width:6.5em;*/
width:70px;

--
dorayme
Mar 21 '07 #3
dorayme wrote:
In article <ptZLh.15372$1a6.3671@trnddc08>,
Mike <mm**@earth.netwrote:
>I have made a menu bar with CSS and it works perfectly with IE. But it's
*way* off in FF. I have fiddled with it for quite some time and can't
get it to cooperate. Can anyone help?

http://www.giftbasketsandtrinkets.com

Thanks!

There are quite some things wrong about the design, but it looks
better if you simply get rid of "width:70px;" altogether from
your:

#globalnav li a {
float:left;
/*width:6.5em;*/
width:70px;
That fixed it!

Thank you!!
Mar 22 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by JesusFreak | last post: by
2 posts views Thread by Jackson Yap | last post: by
4 posts views Thread by Stromboli | last post: by
7 posts views Thread by Chuck Hartman | last post: by
2 posts views Thread by Gary Wessle | last post: by
2 posts views Thread by Ravi Joshi | last post: by
5 posts views Thread by AG | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.