Website not compatible for safari and firefox.

Discussion in 'HTML & Website Design' started by kmas designs, Nov 22, 2009.

0
  1. #1
    I am having an issue with compatiblity. I built a website on my own in dreamweaver. Everything looks perfect in IE ( any verison ). It looks bad in firefox and safari. I used tables for lists and the spacing is crazy.

    Any suggestions.....
    website: www.goldcaljrsvbc.com
    a page with a table:www.goldcaljrsvbc.com/18black.html
     
    kmas designs, Nov 22, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Because you tested in IE first which is almost 12 years behind all other browsers in modern standards and practices. Never, ever do that. Always, always use any other browser to initially test your markup. Then look to see how badly IE screws it up. But the quirks and bugs of IE are well known, as are the hacks to fix it.

    First, validate your html and css for those lists of errors that need to be fixed. Then get it working in one of the more modern browsers first, either Safari or Firefox. Then check back.
     
    drhowarddrfine, Nov 22, 2009 IP
  3. kmas designs

    kmas designs Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you for the input. I am a self taught web desginer. Do you have any direction for me? I am not really sure what you mean by "validate html" .....Any guidance is much appreciated.:)
    website: www.goldcaljrsvbc.com
    page with tables: www.goldcaljrsvbc.com/18black.html

    THANKS
     
    kmas designs, Nov 22, 2009 IP
  4. Masteroa

    Masteroa Peon

    Messages:
    54
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well, all browsers interpret html in a different way. That's why the w3c (like the creator of the interwebs the way we know it :'p) made guidelines to make sure that the difference between the way how browsers interpret html won't be too big. As mentioned before, Internet Explorer has a lack of these guidelines. That's why you should make your site work for other browsers, and after that make it compatible for Internet Explorer.
    Also the fact that Internet Explorer loses market share to more modern browsers such as Firefox, is a reason to make websites compatible for modern browsers before looking at all problems in IE.


    Anyway, you can use the w3c validator for html and css documents to see if they meet the guidelines. http://validator.w3.org/. If your website is w3c-validated, it's build for the future, and should work fine in most browsers.


    Oh, and one more tip for a more future-build website: use CSS for the layout (instead of tables in html), and HTML for the content. If you understand how to work with CSS instead of tables, creating websites will be much easier.
     
    Last edited: Nov 23, 2009
    Masteroa, Nov 23, 2009 IP