For those who find their code displays differently in IE/Firefox/Opera/Safari

Discussion in 'CSS' started by fadetoblack22, Nov 17, 2008.

  1. #1
    The problem could simply be because there is an error in your code. While Firefox, Opera and Safari can ignore this and display a page correctly, IE doesn't do so well. Your page can look a mess.

    Many people think this is due to IE displaying code slightly differently. While in some cases this is true, it is not always the case.

    The first thing you should do is validate the html:

    1) http://validator.w3.org

    This will show you if you have not closed a <div>, <h>, <p> etc...
    It will also tell you if you are using the correct doc type.

    The next thing you should do is validate the css:

    2) http://jigsaw.w3.org/css-validator

    If you have missed any characters the whole css file underneath can stop working. The css validator will point out any "." ";" "}" etc... that you have missed.
     
    fadetoblack22, Nov 17, 2008 IP
  2. belkocrnic

    belkocrnic Active Member

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #2
    In some cases that solve the problem, but sometimes is just IE is the problem, IE and CSS are not very good frends :)
     
    belkocrnic, Nov 21, 2008 IP
  3. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #3
    Yes, as I said in the post, but its always best to check first rather than spending hours working around it to find that it still doesn't work because it was an error in the code.
     
    fadetoblack22, Nov 21, 2008 IP
  4. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #4


    Yes, I agree with you .
    I guess you are good at div layout and coding css . :D
     
    justinlorder, Nov 22, 2008 IP
  5. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #5
    I actually have a lot of problems with it. I found that I make a lot of mistakes and thought that I would share the method that solves a lot of them for me :)
     
    fadetoblack22, Nov 22, 2008 IP
  6. cipals15

    cipals15 Well-Known Member

    Messages:
    1,085
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #6
    My code is getting longer now and the validators are good tools in determining errors.
     
    cipals15, Nov 22, 2008 IP
  7. Aquarezz

    Aquarezz Notable Member

    Messages:
    3,009
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    225
    #7
    Well it's Microsofts' mistake... instead of first updating IE6 to a version which allows CSS more (like IE7) they just said "IE6 is what it is, fuck it" and they've released IE7 so that didn't solve the mystery

    Thanks for the post too.. I've lost those links a while ago and didn't figured out to find them on w3schools so :)
    Bookmarked them now!

    Greetz
     
    Aquarezz, Nov 22, 2008 IP