www.webdeveloper.com
Results 1 to 2 of 2

Thread: Looks good in Firefox, but terrible in IE

Threaded View

  1. #1
    Join Date
    Jul 2007
    Posts
    1

    Angry Looks good in Firefox, but terrible in IE

    I created this using notepad and was checking it in Firefox, but when i finished and checked it in IE it looks like crap. I even opened up Dreamweaver and it shows it looking great. I can't find what is causing it. I have double, triple checked to make sure that all my ", <, >, tr, td, etc. are opened and closed properly. Please can anyone help? Thanks in advance.

    Here is my code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>DirectTV</title>
    <style type="text/css">
    <!--
    A {color: #6599c9; background: transparent none; text-decoration: underline;}
    A:link {color: #6599c9; background: transparent none; text-decoration: underline;}
    .pricetable {
    border-top-width: Medium;
    border-right-width: Medium;
    border-bottom-width: Medium;
    border-left-width: Medium;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    font-size: small;
    color: #0092CD;
    }
    .pricetableleft {
    border-top-width: Medium;
    border-right-width: none;
    border-bottom-width: Medium;
    border-left-width: Medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    color: #245397;
    }
    .pricetableright {
    border-top-width: Medium;
    border-right-width: Medium;
    border-bottom-width: Medium;
    border-left-width: none;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    font-size: small;
    color: #0092CD;
    }
    .pricetablebottomleft {
    border-top-width: Medium;
    border-right-width: none;
    border-bottom-width: Medium;
    border-left-width: Medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #1C6A9B;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    font-size: small;
    color: #0092CD;
    }
    .pricetablebottomright {
    border-top-width: Medium;
    border-right-width: Medium;
    border-bottom-width: Medium;
    border-left-width: none;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #1C6A9B;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    font-size: small;
    color: #0092CD;
    }
    .hotpassleft {
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: Medium;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #BBBBBB;
    border-right-color: #BBBBBB;
    border-left-color: #1C6A9B;
    border-top-color: #BBBBBB;
    font-size: small;
    color: #0092CD;
    }
    .hotpassright {
    border-top-width: thin;
    border-right-width: Medium;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #BBBBBB;
    border-right-color: #1C6A9B;
    border-left-color: #BBBBBB;
    border-top-color: #BBBBBB;
    font-size: small;
    color: #0092CD;
    }
    .hotpassmiddle {
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #BBBBBB;
    border-right-color: #BBBBBB;
    border-left-color: #BBBBBB;
    border-top-color: #BBBBBB;
    font-size: small;
    color: #0092CD;
    }
    .hotpassbottom {
    border-top-width: Medium;
    border-right-width: Medium;
    border-bottom-width: Medium;
    border-left-width: Medium;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #1C6A9B;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    font-size: small;
    color: #0092CD;
    }
    .hotpasstop {
    border-top-width: Medium;
    border-right-width: Medium;
    border-bottom-width: Medium;
    border-left-width: Medium;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #1C6A9B;
    border-right-color: #1C6A9B;
    border-left-color: #1C6A9B;
    font-size: small;
    color: #0092CD;
    }
    .credit {
    font-size: x-small;
    color: #777777;
    }
    .font {
    font-family: "Verdana";
    font-size: small;
    }
    .font2 {
    font-family: "Verdana";
    font-size: x-small;
    }
    -->
    </style>
    </head>
    
    <body class="font">
    <table width="630px" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3" class="font">
    If you can't see the email below, <a href="">click here</a>
    </td>
    </tr>
    <tr>
    <td bgcolor="#003d69" width="15px">
    &nbsp;
    </td>
    <td>
    <table width="600px" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="136">
    <img src="racecar.jpg" alt="Racecar" width="401" height="136" border="0" />
    </td>
    <td rowspan="2" valign="top">
    <img src="racecar2.jpg" alt"Racecar" width="203" height="276" border="0" />
    <table width="100%" border="0">
    <tr>
    <td bgcolor="#BBBBBB" width="100%">
    Your Questions on HotPass<br />
    Have any good thoughts about NASCAR HotPass?
    </td>
    </tr>
    <tr>
    <td bgcolor="FFFFFF" align="center">
    <br />
    <div align="right"><img src="price.jpg" alt="price" border="0" width="189" /></div>
    <table width="83%" align="center" cellpadding="2" cellspacing="0">
    <tr>
    <td class="pricetable" colspan="2">
    OVER <font color="#245397">185</font> CHANNELS INCLUDING LOCALS
    </td>
    </tr>
    <tr>
    <td class="pricetable" colspan="2">
    ALL THE BEST<br /> <font color="#245397">HD CHANNELS</font>
    </td>
    </tr>
    <tr>
    <td class="pricetableleft" style="border-right-width: none">
    PLUS
    </td>
    <td class="pricetableright" align="right" style="border-left-width: none">
    <img src="hbo.jpg" alt="HBO" border="0" />
    </td>
    </tr>
    <tr>
    <td class="pricetablebottomleft" style="border-right-width: none">
    <font color="#245397">3 FREE MONTHS OF</font><br /> HBO and Cinemax
    </td>
    <td class="pricetablebottomright" align="right" style="border-left-width: none">
    <img src="cinemax.jpg" alt="Cinemax" border="0" />
    </td>
    </tr>
    </table>
    <div align="left"><font class="credit">Price reflected includes a $10 bill credit per month for 12 consecutive months after mail-in redemption.</font></div>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td rowspan="2" valign="top">
    <table width="100%" border="0" bgcolor="#FFFFFF" class>
    <tr>
    <td>
    Ready for heart-pounding NASCAR action? NASCAR HotPass lets you ride shotgun with this week's top drivers at the <font color="#245397">Lowe's Motor Speedway</font> in Concord, North Carolina. Be sure to catch the action on NASCAR HotPass.<br />
    <br />
    <strong>Sunday, May 27 :: 5:35 pm ET/2:35 pm PT</strong><br/>
    <br />
    <div align="right"><a href="">2007 NASCAR Race Schedule</a></div>
    <table width="100%" border="0" cellspacing="0" cellpadding="2">
    <tr>
    <td colspan="4" align="center" bgcolor="#245397" class="hotpasstop">
    <font color="#FFFFFF">NASCAR HotPass - Race Thirteen*</font>
    </td>
    </tr>
    <tr bgcolor="#669acc">
    <td class="hotpassleft">
    <font color="#FFFFFF">NAME*</font>
    </td>
    <td class="hotpassmiddle">
    <font color="#FFFFFF">CAR</font>
    </td>
    <td class="hotpassmiddle">
    <font color="#FFFFFF">2007 CURRENT RANKING</font>
    </td>
    <td class="hotpassright">
    <font color="#FFFFFF">CHANNEL</font>
    </td>
    </tr>
    <tr bgcolor="#e0f0ff">
    <td class="hotpassleft">
    Matt Kenseth
    </td>
    <td class="hotpassmiddle">
    17
    </td>
    <td class="hotpassmiddle">
    3rd
    </td>
    <td class="hotpassright">
    795
    </td>
    </tr>
    <tr>
    <td class="hotpassleft">
    Tony Stewart
    </td>
    <td class="hotpassmiddle">
    20
    </td>
    <td class="hotpassmiddle">
    6th
    </td>
    <td class="hotpassright">
    796
    </td>
    </tr>
    <tr bgcolor="#e0f0ff">
    <td class="hotpassleft">
    Jimmie Johnson
    </td>
    <td class="hotpassmiddle">
    48
    </td>
    <td class="hotpassmiddle">
    2nd
    </td>
    <td class="hotpassright">
    797
    </td>
    </tr>
    <tr>
    <td class="hotpassleft">
    National Race Broadcast
    </td>
    <td class="hotpassmiddle">&nbsp;
    
    </td>
    <td class="hotpassmiddle">&nbsp;
    
    </td>
    <td class="hotpassright">
    FOX
    </td>
    </tr>
    <tr>
    <td colspan="4" class="hotpassbottom">
    &nbsp; 
    </td>
    </tr>
    </table>
    Mod: please include code tags and do not double post
    Last edited by Fang; 07-27-2007 at 04:29 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles