CODEWITHSUNDEEP
htmlcss
Geoff Pitts
Geoff Pitts

Reputation: 35

CSS positioning is wrong in Safari and mobile browsers

I have been having this issue for a while and I still haven't found a solution. The site is located here:

www.geoffpittsdesign.com

...and the elements I'm having issues with are commented out. The funny thing is that on other pages that I'm working on, there are elements with the exact same positioning rules applied to them, but they display just fine. It's only the three nav items that I'm having issues with. Any advice or observation would be greatly appreciated.

EDIT: Also, I should mention that the problem that occurs in Safari and mobile browsers is that the three icons stack on top of each other rather than assuming a horizontal spacing between them. I can get them to change position if I specify an increasingly greater left margin. However, these display correctly in Firefox and Chrome, and when I make the latter change, the elements go way off the page in FF and Chrome.

Upvotes: 0

Views: 428

Answers (1)

Joshua Wilson
Joshua Wilson

Reputation: 2526

It looks like you are using xhtml, therefore you need the closing tags for the list </li>.

Upvotes: 1

Related Questions