why is IE6 centering my page?

Discussion in 'CSS' started by darock, Jan 16, 2008.

  1. #1
    i can't get my information in the footer of this page to the left like it is in IE7 and FF. Why does IE6 center the information in the footer?
     
    darock, Jan 16, 2008 IP
  2. donross

    donross Active Member

    Messages:
    90
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    98
    #2
    i think your footerwrapper isnt declared in your style.css and i saw "</style>" tag at the bottom of your style.css
     
    donross, Jan 16, 2008 IP
  3. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #3
    Yet another double margin thread (YADMT)

    Add in the bolded statement and it should be good. It's because you're assigning horizontal margins to a floated element, and on IE6 the margin is doubled.

    The margins are actually coming AFTER this rule, for anyone who's curious.
     
    soulscratch, Jan 16, 2008 IP
  4. darock

    darock Peon

    Messages:
    23
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    i took out the style tag and took out my footerwrapper (thanks btw ) as i didn't need it. but the IE6 problem still persists, though. anyone else?
     
    darock, Jan 16, 2008 IP
  5. darock

    darock Peon

    Messages:
    23
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    sorry- i just saw soulscratch's thread. that fixed it.

    do you have a good recommendation for a IE double margin online explanation anywhere on the internet?

    Thank you again!
     
    darock, Jan 16, 2008 IP
  6. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #6
    There isn't any real explanation to it. It just so happens that is the only property/value combination that fixes it. Piece of shit Trident engine.
     
    soulscratch, Jan 16, 2008 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Though for future playing with floats you should read this: http://www.sitepoint.com/forums/showpost.php?p=1374925&postcount=15

    Soulscratch is right about the double-margin bug. The name says it all. IE6 sees any side margins on the float closest to the edge of its container and doubles them. Display:inline; magically fixes it and what's even dumber is that when something's floated, it becomes display:block anyway, and display:inline cannot override it (which is why none of the other browsers puke when you add that).

    But there is a whole magical world of IE6 bugs and seriously someone should think of writing a book about them, taking the profits and donating it to helping people all over the world switch to Some Other Browser.
     
    Stomme poes, Jan 17, 2008 IP