theme looks different in FF then IE

Newbie Joined: Jan 22, 2008 Posts: 3

this is weird, why are the tables out of place in FF and not in IE???

could someone help me???

Site Admin/Owner Joined: Feb 12, 2005 Posts: 926

Your HTML must not be compliant. Maybe you are missing some table closure tags. FireFox is more picky about the HTML being standard. Maybe run the final HTML through the validator at http://validator.w3.org/ and see if it gives you any hints.

It really does boil down to the HTML as the newsletter tool just takes whatever you provided and replaces the content tags.

Newbie Joined: Jan 22, 2008 Posts: 3

Ok thanks, I get the following errors:

Quote:

Line 32, Column 41: there is no attribute "HEIGHT".
…le align="center" width="700" height="100%" border="0" cellpadding="0" cellsp

Quote:

there is no attribute "BACKGROUND".

<td background="{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/ima

Quote:

there is no attribute "ALT".

…_03.jpg" width="140" height="26" alt=""><font class="tiny">{DATE}</font></td>

But I don't see the problem.....

check for yourself: (it's the main table)

Quote:

<table align=\"center\" width=\"700\" height=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td colspan=\"3\" rowspan=\"3\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_01.jpg\" width=\"424\" height=\"134\" alt=\"\"></td>
<td colspan=\"3\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_02.jpg\" width=\"276\" height=\"7\" alt=\"\"></td>
</tr>
<tr>
<td background=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_03.jpg\" width=\"140\" height=\"26\" alt=\"\"><font class=\"tiny\">{DATE}</font></td>
<td colspan=\"2\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_04.jpg\" width=\"136\" height=\"26\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"3\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_05.jpg\" width=\"276\" height=\"101\" alt=\"\"></td>
</tr>
<tr>
<td rowspan=\"2\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_06.jpg\" width=\"17\" height=\"67\" alt=\"\"></td>
<td background=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_07.jpg\" width=\"250\" height=\"37\" alt=\"\"><font class=\"tiny\">By: {SENDER} Topic:{EMAILTOPIC}</font></td>
<td colspan=\"4\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_08.jpg\" width=\"433\" height=\"37\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"5\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_09.jpg\" width=\"683\" height=\"30\" alt=\"\"></td>
</tr>
<tr>
<td background=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_10.jpg\" width=\"17\" height=\"100%\" alt=\"\"></td>
<td colspan=\"4\" background=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_11.jpg\" width=\"661\" height=\"100%\" alt=\"\">{TEXTBODY}</td>
<td background=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_12.jpg\" width=\"22\" height=\"100%\" alt=\"\"></td>
</tr>
<tr>
<td colspan=\"6\">
<img src=\"{SITEURL}/modules/HTML_Newsletter/templates/{TEMPLATENAME}/images/technoid_13.jpg\" width=\"700\" height=\"13\" alt=\"\"></td>
</tr>
</table>

Site Admin/Owner Joined: Feb 12, 2005 Posts: 926

Sorry, but you have too complex a table structure there for me to take the time to figure out if all your heights across all your rowspans are correct, let alone making sure they truly match your graphics files.

I suspect that IE is filling in the gaps on a few pixels where you might be off. Make sure your width and height numbers match your graphic sizes and that everything sums up the way you intended.

You could also simplify this greatly and create one large banner graphic from all the pieces. If you are concerned with loading times, you can take the one larger piece and break it up by slicing it into thinner columns.

You could also try and use CSS with more exact positioning.

Unfortunately you are going to have to figure out the proper HTML yourself as this is not something that I do even on the side for hire.

Newbie Joined: Jan 22, 2008 Posts: 3

ow ok, well ... it was generated by imageready (what I use to make my phpnuke themes and I never had a problem) but the lower part is only blue so I could use css on that part. then perhaps put the header together and position with css Smile

. but it was only a test template.

thanks for your help

Site Admin/Owner Joined: Feb 12, 2005 Posts: 926

No problem. Just wanted you to know that no HTML is removed by the newsletter creation or send process. So, what you have will be produced. I am only replacing the various {ABCDEF} tags within the template.

Good luck.