Spry menu in safari

[rrmcguire]

Could someone take a look at my spry menu at my site at

Http://www.meadowlarkco.com/indexnewsite_test3.html

and tell me why the logistics part is going over to the next line?

Thanks for any help provided

 

[rrmcguire]

I believe its something which is overlapping, but not sure which CSS is causing this, if someone could take a look I'd really appreciate it.

thanks

 

[Vragabond]

It puts the logistics on the next line because it doesn't fit the previous one. That is how float works. You're limiting your menu to 655px and on my machine it needs at least 658px to fit all the items. I would recommend you increase it even beyond that, since it doesn't seem to bother the other element (logo can be made smaller) and it's good to have a little bit of working space when it comes to text.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[rrmcguire]

Well I changed my .menu width to 660px float: right and

.wrapper.logo to 240 and it still doesn't seem to fit correctly?

 

[Vragabond]

I do not have Safari on this machine, but it does look correct now on my Firefox (before, Logistics was on a new line). I would advise you to keep enlarging the menu space and see if it helps. Like I said, with fonts and different browsers/OSes, you cannot be too precise, as there might be slight differences.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[vacunita]

Looks fine for me on Safari 5.1 for Windows. Both Logistics menu items are on the same line as the rest of the menu items.

However there may be a rendering difference with the font in OSx Safari that might cause the issue

Try to reduce the left and right padding and margin of the link elements a little see if that gives it enough space to move back in place.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/

 

[rrmcguire]

which would be my link elements? I upgraded my safari browser for my pc and it looks fine now but for my iphone its still on the next line....Im not sure if there is another updated version of my IOS as I have a 3G, version 4.2.10....