Header image not showing in IE

Discussion in 'HTML & Website Design' started by sweetangel, Jun 25, 2007.

0
  1. #1
    Help pls

    My header image was not showing in IE but fine in firefox

    sorry got it fixed
     
    sweetangel, Jun 25, 2007 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, first off lose the comment at the top of your source so IE isn't in 'quirks mode'

    Then lose all the rollover javascripts that are completely unneccessary - it's called CSS hover states.

    Then lose all the tables for stuff that doesn't need tables in a fixed-width layout.

    Wild guess would be an unclosed tag, some sort of positioning bug, or quirks mode. Since I don't see position:relative or position:absolute in your HTML or CSS, we can rule out positioning bug - as noted you are probably in quirks mode because of the comment which is the LAST thing you want working cross browser... leaving unclosed tags...

    Which one could find in a heartbeat if your HTML matched your doctype and didn't throw 131 validation errors.

    Again, spacer .gif's, tables for single columns of data, div's set to align=center, double breaks for paragraphs of text, and disasters like:

    [/code]<tr>
    <td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="170" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="93" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="69" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="42" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="93" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="4" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="99" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="108" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
    </tr>[/code]

    That one is just.... I lack the words. This isn't 1997.
     
    deathshadow, Jun 25, 2007 IP
  3. sweetangel

    sweetangel Peon

    Messages:
    1,383
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks I was able to fixed it myself just removing this after header.jpg width="703" height="" alt=""
     
    sweetangel, Jun 25, 2007 IP