Help Making Banner Look The Same In IE And FF

Discussion in 'CSS' started by gobbly2100, Dec 22, 2007.

  1. #1
    Hey,

    If you click this link and take a look at my header you will see it is not looking the same in IE and FF, FF seems to be adding some weird break and chopping some of the menu background image off.

    Any help fixing this one?
     
    gobbly2100, Dec 22, 2007 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, here's a hint:
    #header, #header-01, #header-01-1, #header-02, #header-03 - all of those div's? Total waste of code. That onclick urchin tracking? bloated rubbish. (I swear, people are adding so much tracking these days it's starting to cost functionality)

    It's also broken in Opera and Safari, I would suspect you've got positioning and/or depth sorting messed up, but being you've got easily four times the code there that section should be....
     
    deathshadow, Dec 22, 2007 IP
  3. gobbly2100

    gobbly2100 Banned

    Messages:
    906
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Ok well I managed to remove one of the divs, all I can't work out now is why my image has some kind of break below it in FF but not IE.

    Any suggestions on that?

    Thanks!
     
    gobbly2100, Dec 22, 2007 IP
  4. fixeezy

    fixeezy Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Just write
    *{
    padding:0;
    margin:0;
    }
    Code (markup):
    at the top of CSS code.
     
    fixeezy, Dec 27, 2007 IP
  5. gobbly2100

    gobbly2100 Banned

    Messages:
    906
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I did try that but then my whole forum screws up, it does fix the problem mind lol

    I obvously need to add padding and margin somewhere but where? :S
     
    gobbly2100, Dec 27, 2007 IP