SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist runeveryday's Avatar
    Join Date
    Jul 2009
    Posts
    437
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    display unnormal under IE7? how to correct it?

    the whole page:

    GoDaddy

    the tab part under the video.

    the following screenshot is the unnormal part which is under IE7 .but OK under FF,chrome.

    SitePoint Forums: Resources, Design, HTML, CSS, PHP, ASP, MySQL and more for your web site.

    the one part isn't filled with #ffffff under iE7.

    the two part outside the box under IE7. how to make them shows ok under IE7. thank you.
    Attached Images Attached Images

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

    It's this malformed rule that is corrupting IE7.

    Code:
    .node-body ul li,
    {
          padding-left: 20px;
        padding-right: 18px;
    }
    The padding above is being placed on the list and breaking the design. Either remove that rule above or over-ride it with this:

    Code:
    ul.videotabs li {padding:0!important}

  3. #3
    SitePoint Evangelist runeveryday's Avatar
    Join Date
    Jul 2009
    Posts
    437
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    you're my hero! it's ok. how did you know the unnormal part is caused by
    .node-body ul li,
    {
    padding-left: 20px;
    padding-right: 18px;
    }
    why it's ok under FF,chrome.many thanks/

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,353
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by runeveryday View Post
    why it's ok under FF,chrome.many thanks/
    The rule has a parse error due to the trailing comma and thw whole rule should be ignored but IE's error handling isn't so clever and applies the first part of the rule when it should have ignored it all.

    Run your code through the w3c validators (css and html) and you will pick these errors up easily.

  5. #5
    SitePoint Addict EarlyOut's Avatar
    Join Date
    Mar 2011
    Location
    Sector R
    Posts
    280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Off Topic:

    There must be someone at MS who's in charge of "being fussy about trailing commas," because the same thing crops up in Javascript. FF and Chrome happily ignore unnecessary trailing commas in certain contexts, but IE chokes on them in weird and unpredictable ways!


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
  •