1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

IE hates me, Firefox loves me

Discussion in 'CSS' started by stickman373, Sep 26, 2005.

  1. #1
    If you look at this page:

    h**p://www.justpressplay.biz/files/

    In firefox the spacing of the top 10 downloads on the right upper portion of the page looks fine, but in IE the spacing is larger for some reason causing the images not to line up as seen in this image:

    h**p://www.justpressplay.net/error.gif

    Anyone know what I can do about this?

    Thanks

    (sorry they arent links, I dont want it to get indexed right now)
     
    stickman373, Sep 26, 2005 IP
  2. Chrissicom

    Chrissicom Guest

    Messages:
    261
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    try to play with

    #feature-1 ol { and #feature-1 ol li { and #feature-1 ol li.first{

    also why do you have margin set for "ol" and "ol li", I think you could combine that

    try the following as a fix

    #feat...
    margin: 0 2px 5px 0 !important;
    margin: 0 2px 4px 0; /* maybe 3 px for 4 px */

    Firefox will read the first value and IE will read the last value :) this works pretty well usually.
     
    Chrissicom, Sep 27, 2005 IP
  3. JamieC

    JamieC Well-Known Member

    Messages:
    226
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    138
    #3
    While I'm too lazy to look at the markup, I am instinctively against CSS hacks. Couldn't you put the bottom border in another div and repeat the border slice along the X axis?

    It's not the IE doubled margins bug is it? If the element you're having trouble with is floated to the left it could be. Google it :)
     
    JamieC, Sep 27, 2005 IP
  4. Chrissicom

    Chrissicom Guest

    Messages:
    261
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I think the border near the box is the problem because IE doesn't include border in width etc. but Firefox does.
     
    Chrissicom, Sep 27, 2005 IP
  5. JamieC

    JamieC Well-Known Member

    Messages:
    226
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    138
    #5
    The IE box model problem shouldn't be an issue here if you're using IE6 - he's used the line <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> which will put IE into standards mode where its interpretation of the box model is correct.
     
    JamieC, Sep 28, 2005 IP
  6. Kokaroach

    Kokaroach Peon

    Messages:
    88
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Jamie,

    Ok, you just solved some major problems I've been having with cross browser compatibility by explaining it that way. Thankyouthankyou!

    K
     
    Kokaroach, Sep 29, 2005 IP