[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 404
  • Last Modified:

nav bar appearing fine in chrome but not in FF and IE

hi,

i am having an issue with my sites navbar (www.sunkissed.ie) its working in chrome but in ff and ie its cuttiing off to the next line for facebook and twitter
0
jonathanduane2010
Asked:
jonathanduane2010
1 Solution
 
xmlmagicianCommented:
check on this website for more comparability issues you might have:
http://browsershots.org/
0
 
Chris StanyonCommented:
It's because of the font you've used - "QlassikMedium" - it's not a standard font, so the different browsers are displaying differently - in Firefox and IE the fonts are wider so your Twitter and Facebook links don't have enough room one the same line.

Sort out your font issue and you should be good.
0
 
COBOLdinosaurCommented:
It might be that IE and FF are using quirksmode because you do not have a strict doctype.

try changing:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

If that does not fix it then you need to follow the advice from Chris and use a more conventional font.

Cd&
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now