Good on Firefox but Mess On IE

Discussion in 'CSS' started by bloon, Jan 19, 2009.

0
  1. #1
    My site look good on firefox but mess on IE.

    I went to validator http://jigsaw.w3.org/css-validator/...rofile=css21&usermedium=all&warning=1&lang=en

    And I found 2 error

    Heres the error :
    
46  	 .drop-down-left  	 Value Error : font-weight  medium is not a font-weight value :  medium
213 	div#wrapper div#sidebar 	Value Error : margin-right px is not a margin-right value : px
    Code (markup):
    And heres the link for css http://www.gameforkids.org/templates/arcadeblue/style.css


    If you look on firefox you will see nothing wrong with the website, however when you look on IE, it'll look very bad.

    Heres the site www.gameforkids.org you can check it out on firefox and IE and please tell me what I done wrong


    Anyone have idea to fix this one?

    Thansk
     
    bloon, Jan 19, 2009 IP
  2. Anthony Thomas

    Anthony Thomas Peon

    Messages:
    46
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The CSS errors there aren't hard to fix, they shouldn't be making the problems anyway.

    The first error just change 'medium' to 'bold'

    The second error you have "margin-right: px" in your stylesheet, this needs to have a value ( margin-right: 0px; )

    Is the IE your talking about where it has cut off the top half of the page? It does look rather strange, i'll have to have a look and see.

    The code is a bit of a mess to be honest... I think the best bet would be to remove the elements from the page one by one, and see if the problem persists, if it fixes itself put the elements back to find out which one breaks the layout.
     
    Anthony Thomas, Jan 19, 2009 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    As much as I would like to blame IE for this as it is the worst browser on the planet, I can't forgive you for this. Not the worst I've seen, believe it or not.
     
    drhowarddrfine, Jan 19, 2009 IP
  4. bloon

    bloon Peon

    Messages:
    481
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi,
    Yea I agree with you the code bit mess, I was editing it using cssedit on my apple laptop, you right about "Is the IE your talking about where it has cut off the top half of the page?" this is what I meant...look ugly on IE. however look fine on Firefox and Opera.

    I dunno how to fix it.. just starting learning fixing css using cssedit, I have no idea how to to fix that IE problem.Any other idea to put "new code" on css to make IE look better?
     
    bloon, Jan 19, 2009 IP