22 May 2013, 11:43 PM
Zen Follower
- Join Date:
- Jul 2006
- Posts:
- 309
- Plugin Contributions:
- 0
header wrap in Safari browser only
My graphics designer is viewing my site in Safari on a Mac and is experiencing a wrap of the header menu as shown in the attached file. I am unable to duplicate what he is experiencing, using https://www.browsershots.org and the browsers installed on my PC. It looks fine to me.
I checked the below ids in the css file for any width properties, and also using Chrome's "inspect element" feature. The only width is "width: 960px" in #mainWrapper.
#navEZPagesTop
#headerWrapper
#mainWrapper
Here's the page source in a browser. As you can see, the items are spaced using forced spaces. Could that be the problem? Some bug in a particular Safari version when displaying forced spaces?
<!--bof-header ezpage links-->
<div id="navEZPagesTop">
<a href="index.php">Home</a>
<a href="index.php?main_page=contact_us">Contact Us</a>
<a href="Newsletter">Newsletter</a>
<a href="index.php?main_page=shippinginfo">Shipping</a>
<a href="Local-Pick-Up">Local Pick Up</a>
<a href="Return-Policy">Returns</a>
<a href="index.php?main_page=page_2">Warranties</a>
<a href="About-Us">About Us</a>
<a href="index.php?main_page=privacy">Privacy Notice</a>
<a href="Payment-Methods">Payment Methods</a>
</div>
<!--eof-header ezpage links-->
