Firefox = Beautiful, IE/Safari 3(Beta)=Not So Much [solved]

Poster: CocoaCrusty
Dated: Friday June 29 2007 - 17:03:45 BST

I have used Milonic menus before and haven't had any issues with this particular layout issue. Probably because I have never laid out a menu quite like this before.

UPDATE: Development Site Link Removed...

I want the main menu to be 691px wide and the links within in spread evenly among the 691 pixels. Well, I couldn't get that working so I started setting itemwidth's for each menu item and got the design of the main menu looking pretty good in Firefox and IE (it doesn't display at all in Safari 3 Beta).

The issue is that the drop down menus in Firefox line up the way I want. They sit just below and to the left (barely) of the main menu item they are spawned from. The text in the drop down menus is left justified and everything looks great. In IE, the menus are aligned all crazy under their main menu counterpart and the text in the drop down menu is centered.

Can someone please look at this site for me and let me know what I am doing wrong? I have searched and searched but I can't find a solution for my particular design.

Any assistance is greatly appreciated.

Cocoa

Poster: Ruth
Dated: Friday June 29 2007 - 19:29:57 BST

Hi,

There is probably something in some style sheet that is doing the text centering problem. Remove the // from in front of the align="center"; and change the center to left. That should make the text move to the left in IE. Left is default but sometimes if something is conflicting from a style sheet then adding it manually to the menu will fix it.

As to the Safari, I have no clue. The page only loads as far as the header, starting from where the menu should be and down nothing shows. Also, since Safari is beta, whatever problem you are seeing is probably a browser issue, or if it's the text alignment then that may get fixed when you add the align="center"; to the main menu.

Just for information, though it may not give you what you want. You can set menuwidth=691; and then itemwidth="100%"; and that should spread the items out evenly in the menu

Ruth

Poster: CocoaCrusty
Dated: Friday June 29 2007 - 19:45:03 BST

Thanks, Ruth. I'll give your recommendations a try and see how it goes. I am sure the Safari 3 Beta issue is a problem with the browser. I mean, after all, it is beta software!

I'll let you know how things progress. Thanks again for your help, Ruth!

Cocoa

Poster: CocoaCrusty
Dated: Friday June 29 2007 - 20:21:50 BST

Ruth, you are the greatest! I was kind of hoping you woudl be the one to reply to my post. I was doing some forum searching yesterday and saw you tearing it up on the replies. I also read the forum rules this morning before my post and saw that you are a "Team Member". You're good!

My issue is now fixed. I added align="left"; to my subMenuStyle definition in menu_data.js and menuwidth="691px"; anditemwidth="100%"; to my main menu declaration. But, I still have to have the itemwidth=xxxpx; in my aI() declarations or it gets jacked up. But, I'm not complaining about that. It works in both browsers!

Thanks again, Ruth!

Cocoa

Poster: John
Dated: Friday June 29 2007 - 22:51:29 BST

Cocoa,

You're probably aware that Safari went up to 3.0.2 this week, but just in case...

Poster: Ruth
Dated: Saturday June 30 2007 - 4:09:36 BST

Hi,

I was afraid the itemwidth="100%"; might not do what you want since you have two items that are much longer than the others and those two items happen to be right next to each other. The itemwidth="100%" really does make the items the same width so items with more 'stuff' in them will look less wide than the others since the white space will be less in those items with more text

fyi as to setting widths, you could set menuwidth=691; itemwidth=98; and then in only the two long items set them to the width you have 160 and 140. That way you only have to write the extra in the long items. How I arrived at that was to subtract the 140 and 160 from 691, then divide the balance by 4. As you can see you can use a combination of things when setting up the menu. The only thing that doesn't seem to allow that is the align, once it is set in the menu area, setting it in an item, to change one item does not seem to work.

Ruth