IE8 problem

Discussion in 'CSS' started by mnymkr, Oct 29, 2009.

  1. #1
    mnymkr, Oct 29, 2009 IP
  2. CodedCaffeine

    CodedCaffeine Peon

    Messages:
    130
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Something to try would be adding an ID to the table that holds the information, then setting a defined width in the CSS.
     
    CodedCaffeine, Oct 29, 2009 IP
  3. mnymkr

    mnymkr Well-Known Member

    Messages:
    2,328
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    120
    #3
    the width is defined in an ID
    #nav it is at the bottom of the css
     
    mnymkr, Oct 30, 2009 IP
  4. CodedCaffeine

    CodedCaffeine Peon

    Messages:
    130
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    The issue you're having is due to this segment of your code:

    ul.links li  {
      display: inline-block;
    line-height: 1em;
      margin: 0 1em 0 0;
      padding: 0;
      color: #ffffff;
      text-transform: uppercase;
    
    }
    Code (markup):
    "display:inline-block;" isn't supported in IE7 but is in IE8. When I opened your webpage in IE8, it displayed fine. Then, I decided to try running compatibility mode (IE7 Emulation) within IE8, and the issue appeared.

    What you will probably need to do is change it to "display:inline;" or take advantage of floats and clearing.
     
    CodedCaffeine, Oct 30, 2009 IP