iframe problem in my zen cart

[starrydesigns]

Hi there,

I am having a problem with the iframe in my zen cart shop.

The iframe below "news and updates" looks fine in Firefox but not in IE. It is way out of alignment in IE. Can anyone see where the problem lies?

Thanks in advance.

http://www.starrydesigns.com/

<table width="330" border="0" cellpadding="0" cellspacing="0" height="125" align=none>
<td width="330">
<iframe src="updates.html" name="iframe" width="330" height="125" frameborder="0" marginwidth="0" marginheight="0" style="margin-top:0px"></iframe>
</td>
</table>

[kobra]

There are no IFrames in Zen Cart

[barco57]

After checking your site I believe the problem has to do with the fact that you have that table wrapped in paragraph tags. When I run it through HTML tidy it throws out the opening paragraph tag and reinserts it right before the closing paragraph tag and then throws out the now empty paragraph. So basically you can't put tables inside of paragraphs. Also the table requires a <tr> to start a row before you can start the cell.

[starrydesigns]

kobra: Sorry if I used the wrong terms. I am not too savvy in that area. I wish I was.

barco57: Thank you for your help. I moved the closing paragraph tag up so the table is not in it anymore. I also added the tr. The page still looks the same as before though.

[Website Rob]

Problem is that IE (and a Mac) show a bigger font size than most other Browsers. Altering the coding a bit and smaller widths solve the problem.

<img src="images/title_news.gif" width="121" height="24" alt="News and updates" />
<br />

<table width="322" border="0" cellpadding="0" cellspacing="0" summary="Site News and Updates">
<tr valign="top">
<td>
<iframe src="updates.html" name="iframe" width="99%" height="125" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</td>
</tr>
</table>


Also, in your "updates.html" page replace:

<font face=verdana size=1 color=#6c5035>

with:

<div style="font-face:verdana, sans-serif; font-size:0.7em; color:#6c5035; background:#fff">


Adjust to suit and change the closing tag accordingly.

It will allow the iframe to have the same background color as your page color. Right now and in different Browsers, the iframe page has a different background color.

[starrydesigns]

Thanks so much, Rob! The table and iframe are fixed. What sounds so hard to me is so simple for you! :)

I changed the div style as you mentioned, but the font looks different from the rest of the page. Is it something I did wrong?

[Website Rob]

You're welcome for the help and looks about the same except a tad smaller in IE. That's why I said, "Adjust to suit".

Try changing your font size till you get it to match.

<div style="font-face:verdana, sans-serif; font-size:0.8em; color:#6c5035; background:#fff">

[starrydesigns]

Thanks, Rob! You're a gem. :)