Looks weird on firefox :( PLS HELP!

Discussion in 'HTML & Website Design' started by GFX^^, Jan 22, 2007.

  1. #1
    I don't know why, but my new design for wordpress looks weird on firefox, check it out by yourself: servicios-seo dot com dot ar / blog
    Checked it on IE and Opera and looks ok :s

    pls help me and tell me what I can do to make it look ok
     
    GFX^^, Jan 22, 2007 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You have 9 HTML validation errors which need to be fixed before doing anything else.

    background="" is not supported by XHTML Transitional (or Strict for that matter), you're improperly using elements where they have no business even being used, (like on line 96, where you have a link as a direct descendant - child - of the opening <ul> tag), and you're not closing your tags properly.

    Of course, I won't get into the whole "tables for layout" issue - you chose to use a table for your layout, so I'm going to respect it. Especially given how you are using a Transitional DOCTYPE, rather than a strict one.

    Try fixing your validation errors first though. A handy way of doing it is to start by replacing your background image (line 27) with an ID, and then referencing that ID in your stylesheet to apply the background to it.

    Then run it through the validator, and see how many of those other errors go away (as one error can usually "trick" the validator into thinking there are others). If they remain, move on to the next one, and repeat the process until the page validates.

    Oh, and just so you know, it's not just FireFox. Opera's displaying it "weird" also - which means that Internet Explorer is the browser that's displaying the page improperly.
     
    Dan Schulz, Jan 22, 2007 IP