My web page appears different in IE!

Discussion in 'HTML & Website Design' started by divz2, Jul 24, 2007.

  1. #1
    Hi,
    I am new to this forum and also to web designing. I created a web page but it appears different in IE. It is working in Firefox. Can anyone please help me with this problem. The link is www.olympicsupport.com
    Thanks a lot.
     
    divz2, Jul 24, 2007 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, the first thing you might want to try doing is using VALID HTML... because:

    Body > table > h1... where's the TR and TD?

    Table for a single td - WHY?

    Table for your menu - which should probably be a list, multiple classes inside a table that has a class - inlined presentation on the table. Extra DIV around a table for no good reason... which also appears to be a single table-data so there's no good reason to even be USING a table there...

            
    /FAIL//FAIL//FAIL//FAIL//FAIL//FAIL//FAIL//FAIL//FAIL/

    You've got easily 30-50% more HTML for this layout than is needed - and that's before I even look at the CSS... the rendering issue in IE though seems to be a result of the classic 'double margin' bug making your columns too wide... Which is wierd that you are using so many tables for no reason instead of just the one table to make your columns.

    If i have time later I'll toss your page into one of my 'normal' templates so you can see what I mean.
     
    deathshadow, Jul 24, 2007 IP
  3. Tyson

    Tyson Banned

    Messages:
    6
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hahahahahahaha.

    divz2, your HTML should only describe what your content is, not how it looks. Leave that to the CSS. If you find yourself forced to put visual direction or tables for non-tabular data in the HTML, you're making extra work for yourself when a more elegant, semantic solution is probably available.
     
    Tyson, Jul 24, 2007 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Ok, going through it now - you may also want to try putting your LI's inside a LIST, isntead of inside a <p>, your header menu has all sorts of wierd layout issues (not centering except at 1600x1200), and you might want to ease up on the goofy graphic fonts and instead composite the actual text over the images client side.

    More to come as I go through it.
     
    deathshadow, Jul 24, 2007 IP