FF / IE alignment issue

Discussion in 'CSS' started by Tropica, Oct 2, 2007.

  1. #1
    I have run into a problem, no matter how many times I look at it a cant see what it is!

    I know im missing something so simple!

    Ignore the content, graphics and nav, its just there as filler while i design

    http://www.weplaywii.com/123/

    In IE it makes the center section move 1px to the left

    Thanks for your help, I appreciate it! :)
     
    Tropica, Oct 2, 2007 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If it's only 1px, is it such a big deal?

    Try moving your margin:0; padding:0; to above the body using the *

    CSS
    * {
    margin: 0;
    padding: 0;
    }

    body {
    body stuff
    }

    That might do it. esp IE6 which thinks there's something out there bigger than the body : )

    Also, right now you have a clearing div in your header2. Are you planning on floating something in there that can grow in height? If not, you can remove it. : ) It's just sitting there, taking up space, drinking coffee... hey, like me.
     
    Stomme poes, Oct 2, 2007 IP
    Tropica likes this.
  3. Tropica

    Tropica Notable Member

    Messages:
    2,431
    Likes Received:
    128
    Best Answers:
    0
    Trophy Points:
    230
    #3
    cheers for the help Stomme Poes!

    The clearing div was there for a reason, but I have changed my mind lol

    The 1px was a big deal is im picky like that! lol

    I have found a fix, I was looking too hard at it last night, i just added a "margin-right: 1px;" to the headers 1& 2 and the footer

    Told you it was something simple!

    Thanks again!
     
    Tropica, Oct 3, 2007 IP