SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2008
    Location
    South Coast United Kingdom
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    my menu - Firefox, Chrome good IE Bad

    Hello,

    I wonder if someone might be able to cast a look at my problem here http://uprotect.squabit.com

    I am fixing up my friend drupal site and I have come a little stuck.

    I have a horizontal top menu with a few links in it - it displays as desired in a horizontal layout in FF et al but the in IE it doesn't

    I wonder if somone might point me in the right direction

    Thank you for looking

    David

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,632
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hello .

    Now why would you have this silly line of code:
    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    Doing that makes a perfectly good version of IE(9) and makes it splurt out garbage rendering, that of IE7. The actual problem is that, with that in there, IE7 has something called haslayout, which can cause many issues.

    Hmm, it appears that you did something on the page. Did you fix it? Even if it was by some other cause, (as I'm posting it, you've fixed it it seems), you need to remove that emulate IE7 nonsense .

    I took that out and it started working, however, I tried again with some fresh source code from your site (to double check) and it was fixed from the get go. So I don't konw what to think .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2008
    Location
    South Coast United Kingdom
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow thanks for spotting that!!! Awesome job. It's a drupal template from "template monster" or something that he said he paid for! I guess its an old one as that is rubbish I have now change this
    <title><?php print $head_title ?></title>
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    to this

    <title><?php print $head_title ?></title>
    <meta http-equiv="Content-Style-Type" content="text/css" />


    Thank you very much i was looking at the style sheet and never though to look at those tags. I learned something today !

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It will still be broken in IE7 though because that's what you were emulating with the meta tag. The problem in IE7 is that you have a class on the list item called .leaf which is set to clear:both and that's exactly what IE7 does and renders each item on a new line (even though the list has been set to display:inline and the clear should be ignored).

    Remove the clear:both for the list item and iE7 will render in one line.

    Code:
    .headertop .menu li{clear:none}
    You also have 2 javascript errors that you need to fix. Looks like you are using a jquery function without jquery present.
    Timestamp: 05/04/2012 22:14:45
    Error: $ is not defined
    Source File: http://info.template-help.com/files/.../ie6_script.js
    Line: 1




    Timestamp: 05/04/2012 22:14:45
    Error: Cufon is not defined
    Source File: http://uprotect.squabit.com/
    Line: 148

  5. #5
    SitePoint Enthusiast
    Join Date
    Sep 2008
    Location
    South Coast United Kingdom
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    cheers

    Thank you paul

    Quote Originally Posted by Paul O'B View Post
    Hi,

    It will still be broken in IE7 though because that's what you were emulating with the meta tag. The problem in IE7 is that you have a class on the list item called .leaf which is set to clear:both and that's exactly what IE7 does and renders each item on a new line (even though the list has been set to display:inline and the clear should be ignored).

    Remove the clear:both for the list item and iE7 will render in one line.

    Code:
    .headertop .menu li{clear:none}
    You also have 2 javascript errors that you need to fix. Looks like you are using a jquery function without jquery present.


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
  •