CSS problem in IE

Discussion in 'CSS' started by 73nk, Jan 2, 2010.

0
  1. #1
    Hello.

    I'm new in CSS coding, and was so enthusiastic about it, checking my work after every step and everything was OK, until I decided to view it using Internet Explorer (I had been using Firefox until that moment).

    I've been researching a little and it seems IE has many flaws regarding CSS coding, but that doesn't change the fact that it's the most used browser around, so...

    I've read about some fixes to known bugs in IE, but either I don't get them well, or I don't recognize what type of problem I have.

    You can visit my site here:

    http://torcacita.atspace.com

    and see the stylesheet here:

    http://torcacita.atspace.com/stylesheet.css

    The site is displayed alright in Firefox, but in IE everything seems to be pulled from the left. It should look like a centered design, and the footer should stay to the right of the content and below the menu. Instead, it's all scrambled around.

    Could anybody help me?
     
    Last edited: Jan 2, 2010
    73nk, Jan 2, 2010 IP
  2. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Did you type that address right? Getting the "server cannot be found" error.
     
    jwitt98, Jan 2, 2010 IP
  3. 73nk

    73nk Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Whoops, sorry.

    It's:

    http://torcacita.atspace.com

    and

    http://torcacita.atspace.com/stylesheet.css

    Don't know how the 's' got there. =p
     
    73nk, Jan 2, 2010 IP
  4. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    The very first thing you should do is make sure your page validates. You do not seem to have specified a doc type. A doc type is very important in order to ensure IE is displaying in standards compliant mode. This alone could fix many of your IE layout problems.
    See the following link for more info:
    http://validator.w3.org/check?uri=http%3A%2F%2Ftorcacita.atspace.com%2F&charset=(detect+automatically)&doctype=Inline&group=0

    Your CSS formatting is OK except for one error. float: both is not valid. Most of the problems appear to be in your HTML markup.
     
    Last edited: Jan 2, 2010
    jwitt98, Jan 2, 2010 IP
  5. 73nk

    73nk Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Wow, thank you so much. I didn't know that DTD thingy was so important! :p

    Well, that fixed everything, I guess. Thanks again. ^_^
     
    73nk, Jan 3, 2010 IP
  6. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Your layout definitely works better in IE now, but I wouldn't say it fixed everything. You still have 20 validation errors. You should really fix these for your best chance of having cross browser compatibility. I see you've chosen the xHTML strict doc type. This is fine, and actually recommended for creating a new site, but strict is exactly what it means, so you will need to move any deprecated or invalid inline styling to a stylesheet and make sure all your tags are closed properly, etc.
     
    jwitt98, Jan 3, 2010 IP