Zen Cart Logo
Forums / General Questions / iframe problem in my zen cart

iframe problem in my zen cart

Locked

Views: 2,020

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
29 Jun 2008, 5:34 PM
#1
starrydesigns avatar

starrydesigns

New Zenner

Join Date:
Feb 2008
Location:
Singapore
Posts:
22
Plugin Contributions:
0

iframe problem in my zen cart

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>
29 Jun 2008, 9:42 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: iframe problem in my zen cart

There are no IFrames in Zen Cart

29 Jun 2008, 10:33 PM
#3
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: iframe problem in my zen cart

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.

30 Jun 2008, 3:35 AM
#4
starrydesigns avatar

starrydesigns

New Zenner

Join Date:
Feb 2008
Location:
Singapore
Posts:
22
Plugin Contributions:
0

Re: iframe problem in my zen cart

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.

30 Jun 2008, 5:38 AM
#5
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: iframe problem in my zen cart

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.

30 Jun 2008, 3:08 PM
#6
starrydesigns avatar

starrydesigns

New Zenner

Join Date:
Feb 2008
Location:
Singapore
Posts:
22
Plugin Contributions:
0

Re: iframe problem in my zen cart

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?

30 Jun 2008, 3:33 PM
#7
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: iframe problem in my zen cart

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">
1 Jul 2008, 6:44 AM
#8
starrydesigns avatar

starrydesigns

New Zenner

Join Date:
Feb 2008
Location:
Singapore
Posts:
22
Plugin Contributions:
0

Re: iframe problem in my zen cart

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