IE Bugs Bug Me

Discussion in 'HTML & Website Design' started by crath, Jan 20, 2009.

0
  1. #1
    So I ran a site I've been helping out on through browsershots and its perfect in every browser... accept for IE6 (surprise! right?) well yeah, if it wasn't such a biggy i wouldn't care.

    Well the parts thats annoying is, I cant get my workstation downgraded to ie6, so i cant really play with it without going to the other side of the showroom to test after each change, so I was hoping maybe somebody here could just throw me some ideas.

    Here is the screenshot

    I know the problem, the 3 columns are just too wide, so its pushing the middle one below the left one, but I cant figure out why, because in every other browser on all 3 operating systems, its fine.

    any ideas on tricking JUST ie6 to make one of the columns a tad skinnier? I can do these tricks in anything (css, javascript, php, etc) so let your ideas out :p

    thanks guys
     
    crath, Jan 20, 2009 IP
  2. Lessman

    Lessman Peon

    Messages:
    31
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Could it be a box model problem? Youd think that the box model problem would cause the opposite. I dont know. Nice site though, I like it in firefox what with the transparencies and all that.

    edit: Oh duh, box model with the outer div. Have you got a margin or padding on the 'wrapper' div?
     
    Lessman, Jan 20, 2009 IP
  3. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    This one may be a little obvious, so maybe you already tried it, but... have you added "display:inline" to the floated elements?
     
    katendarcy, Jan 20, 2009 IP
  4. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #4
    I'm pretty sure I don't but I'll double check.

    Yeah, like I said, it works in every other browser (multiple versions) and on multiple operating systems, it just happens to be this version of IE thats giving me trouble.

    IE 7 is fine

    thanks guys
     
    crath, Jan 20, 2009 IP
  5. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I'm sorry, so you do have display:inline? IE6 doubles the margin on the side you have floated. So, an element that's floated left with a 10px left margin becomes 20px. (Ignore me if you do have it set. : )

    If that's still not it, could you give a screenshot of FF? Thanks.
     
    katendarcy, Jan 20, 2009 IP
  6. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #6
    Alright well I scanned all of my CSS files and found no INLINE's besides one that was completely irrelevant, so I am still stumped on this. Browsershots still shows that every browser is fine accept for IE6.

    I will send $5 to whoever can find the bug. The domain is www.MartinMoto.org and the issue occurs on any page with 3 columns (which helps narrow down the problem)

    Thanks to any attempts!
     
    crath, Feb 3, 2009 IP