SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Member
    Join Date
    Jun 2012
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 9 and lower, menu is not lined up correctly.

    If you can take a look here, http://www.qtmarketcenter.com/index.php in IE 9 or lower the nav menu is not aligned correctly. In IE 10, Firefox and Chrome it looks fine. If you F12 when in IE 9 or lower and change the Document mode from quirks to any of the IE standards, the menu displays properly. What can I do to fix this?

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    Delete the three lines above the <!DOCTYPE> statement. NOTHING should exist above the doctype.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    I'm not sure it matters too much if there's blank space above a doctype. Anyhow, the menu looks the same to me in Chrome, Ff and IE9. Where is it meant to be?

  4. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ralph.m View Post
    I'm not sure it matters too much if there's blank space above a doctype.
    Leeway granted, but

    <link rel="icon" type="image/ico" href="favicon.ico">

    above the doctype will trigger quirks in IE8 and presumably IE9.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by ronpat View Post
    <link rel="icon" type="image/ico" href="favicon.ico">

    above the doctype will trigger quirks in IE8 and presumably IE9.
    Certainly, but is that what you see? Maybe it's been changed since the first post, as I see nothing above the doctype now except blank space.

  6. #6
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    An FF screen shot, just for you :

    QTMarket-scr.jpg

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by ronpat View Post
    An FF screen shot, just for you :
    Very wee-ud. In all of my browsers, there are just 3 blank links above the doctype in the source code.

  8. #8
    SitePoint Member
    Join Date
    Jun 2012
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that did it, thank you

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,490
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Now there are two doctypes

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><link rel="shortcut icon" href="/favicon.ico" /><link rel="icon" type="image/ico" href="favicon.ico">
    
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    <html>
    Get rid of the second one

  10. #10
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,587
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    May be be better to get rid of the top one since it is not followed by an <html> tag, and move one of the favicon links between the <head> tags. Just a thought.

  11. #11
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,490
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by ronpat View Post
    May be be better to get rid of the top one since it is not followed by an <html> tag, and move one of the favicon links between the <head> tags. Just a thought.
    Yes of course


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •