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 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?
Code:<!--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-->![]()


Reply With Quote
