By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,024 Members | 2,027 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,024 IT Pros & Developers. It's quick & easy.

Looks good in Firefox, but terrible in IE

P: 2
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:

<!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>
<br />
<strong>We Heard You</strong><br />
<font color="#245397">Team only audio</font> has been added to NASCAR HotPass. Listen in on one of three audio streams: Team and Announcer, Team Only or National Broadcast. Interactive box* customers can use the yellow button on the interactive menu. If you don't have an interactive receiver, you can change audio using your remote's Audio or ALT Audio option of your Menu.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
&nbsp;
</td>
</tr>
</table>
</td>
<td bgcolor="#003d69" width="15px">
&nbsp;
</td>
</tr>
<tr>
<td bgcolor="#003d69" width="15px">
&nbsp;
</td>
<td>
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="2" colspan="2">
<tr>
<td align="center">
<a href="">My Account</a>
</td>
<td align="center">
<a href="">Pay Bill Now</a>
</td>
<td align="center">
<a href="">TV Listings</a>
</td>
<td align="center">
<a href="">Pay Per View Movies</a>
</td>
<td align="center">
<a href="">Add Programming</a>
</td>
</tr>
</table>
</td>
<td bgcolor="#003d69" width="15px">
&nbsp;
</td>
</tr>
<tr>
<td bgcolor="#003d69" width="100%" colspan="3">
<br />
<table width="100%" border="0">
<tr>
<td rowspan="2" width="10px">
</td>
<td>
<a href="" width="20%">Privacy Policy</a>
</td>
<td align="center">
<font color="#777777">|</font>
</td>
<td align="center">
<a href="" width="20%">Customer Care</a>
</td>
<td align="center">
<font color="#777777">|</font>
</td>
<td width="20%" align="center">
<a href="">Unsubscribe</a>
</td>
<td width="40%" align="center">
&nbsp;
</td>
</tr>
<tr>
<td colspan="6" class="font2">
<font color="#777777">Please don't respond to this email. If you have questions or concerns, contact</font> <a href="">Customer Care</a>.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Jul 27 '07 #1
Share this Question
Share on Google+
2 Replies


Mr aldo
P: 15
could I have a Link to the website that this is on if it is on a website?

PS: Why not take that <style> part and put it in a CSS file and have the page a lot shorter?

Update: Hope you dont mind uploaded it to my site to test it out and it looks nice, looks the same in IE as FF, infact it looks worse in FF then IE. What version of IE are you using?
Jul 27 '07 #2

P: 2
The reason why I dont have a CSS file is because this is supposed to be able to be used as a HTML email. That is good to hear that it was looking fine in IE. The IE version I am using is IE7, and my firefox is version 2
Jul 27 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.