[I NEED HELP] My site looks good in Firefox but messed up in IE.

Discussion in 'CSS' started by proxywhereabouts, Nov 21, 2008.

  1. #1
    Like the title, I convert a template from freecsstemplate.org and use it with CGI proxy.

    www.surfree.info

    If you can see using firefox, the site looks okay but when viewed from IE, it messed everything..hmm..not exactly everything, all the text just shifted to the left.

    Can anyone offer me to do a fix?
    Suggestion? Guide?
    A help from a member to other member?
     
    proxywhereabouts, Nov 21, 2008 IP
  2. dburdon

    dburdon Peon

    Messages:
    485
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Proxywhereabouts,

    some versions of Internet explorer struggle with the <center> tag.

    One way round it is to put content within a table. Or, if exact centring isn't an issue use the margin.
     
    dburdon, Nov 21, 2008 IP
    proxywhereabouts likes this.
  3. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #3
    fadetoblack22, Nov 21, 2008 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    You have "stuff" before the doctype. Any stuff there will cause IE to go into quirks mode.
     
    drhowarddrfine, Nov 21, 2008 IP
    proxywhereabouts likes this.
  5. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #5
    I just had a look and the doctype has an open "<!-- " in front of it. Take that out and then try it.
     
    fadetoblack22, Nov 21, 2008 IP
  6. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #6
    Edit: yes that is the problem. I just checked it with the validator in the link I posted above and the first thing that it said was about the doc type.
     
    fadetoblack22, Nov 21, 2008 IP
    proxywhereabouts likes this.
  7. proxywhereabouts

    proxywhereabouts Notable Member

    Messages:
    4,027
    Likes Received:
    110
    Best Answers:
    0
    Trophy Points:
    200
    #7
    Fixed the <!-- to be <!.
    But the problem is still there.
    Perhaps I should ask someone who are expert in this to help. :(
     
    proxywhereabouts, Nov 22, 2008 IP
  8. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #8
    Validate the code in the link I posted. It might solve your problem.

    It still shows 152 errors in the html.

    There were also 4 errors in the css.
     
    fadetoblack22, Nov 22, 2008 IP
  9. baskaran_ramasamy

    baskaran_ramasamy Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    hi validate your site using W3schools, so that you can get a better idea man!
     
    baskaran_ramasamy, Nov 22, 2008 IP
  10. proxywhereabouts

    proxywhereabouts Notable Member

    Messages:
    4,027
    Likes Received:
    110
    Best Answers:
    0
    Trophy Points:
    200
    #10
    Can anyone help me fix this?
     
    proxywhereabouts, Nov 22, 2008 IP
  11. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #11
    They are trying to help. You have to validate the code. There are over 280 errors in it and any one of them could be causing the problem.
     
    fadetoblack22, Nov 23, 2008 IP
  12. proxywhereabouts

    proxywhereabouts Notable Member

    Messages:
    4,027
    Likes Received:
    110
    Best Answers:
    0
    Trophy Points:
    200
    #12
    It just that it is hard to do it when you know nothing about css.
    I'm a newbie..hmm..never was a coder so all these css thing need time to learn.
    And with this problem, I don't even know where to start.
     
    proxywhereabouts, Nov 24, 2008 IP
  13. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #13
    Click this link: http://validator.w3.org and put in your site.

    It will tell you the errors in your code. See if you can correct them. If you don't understand any look them up on google or ask on here.

    Click this link and put in your site: http://jigsaw.w3.org/css-validator

    Do the same as above.

    Don't worry I have no programming knowledge either. I just have to work things out. If you can fix the errors in the code then maybe you can find the source of your problem.

    To start with take the &nbsp; out of your code and use padding instead. &nbsp; is depreciated old html.
     
    fadetoblack22, Nov 25, 2008 IP
  14. fadetoblack22

    fadetoblack22 Well-Known Member

    Messages:
    2,399
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    160
    #14
    Edited out because server crashed and double posted.
     
    fadetoblack22, Nov 25, 2008 IP