Log in

View Full Version : I-FRAME TROUBLE: Only background color showing in IE, but nothing else?


LisaMarie
03-11-2012, 09:37 AM
What I'm looking to do works flawlessly in FF. Here is the link:

[Broken Link Removed]

I've attached a copy of the main stylesheet as well, although the css that I believe the trouble is coming from is still within I-frame page for now...

Been looking for solutions online -- but haven't found solutions thus far.

ADDITIONAL NOTES:

1. I've used this exact method before on MY MAIN WEBSITE (http://www.lisamarie.biz) and it still works remotely (Shot Breakdown). Although I tested that locally tonight while troubleshooting this issue and now that's appearing locally as just a dark blue background color. emmm...

2. Not Internet Secuirty Setting (Checked already)

3. Doctype is transitional...

4. I tried merging both styles on to the one external sheet with the same outcome.

5. Z-index confusion? I thought I double checked but...

I'm completely at a loss here. Any help would be great counsel at this point. Tearing m'hair out and cranky. Thanks a bunch folks. :)

Kind Regards,
LisaMarie
coothead
03-11-2012, 11:52 AM
Hi there LisaMarie,

your page looks and works the same in both IE8 and IE9, as it does in Firefox 10.0.2. ;)

coothead
jscheuer1
03-11-2012, 04:00 PM
I removed "THE LINK" because it was broken, this may have been/be a temporary problem, if so - my apologies.

In any case, please post a valid link to the problem page. We can't fix it if we can't see it.
LisaMarie
03-12-2012, 03:51 AM
My apologizes:

I-FRAME PROBLEM WEBSITE (http://www.lisamarie.biz/WALKSAFELY_CHASINGDREAMS/WSCD_ProductsPage.html)
LisaMarie
03-12-2012, 03:54 AM
Thanks so much, coothead. That's my main site-- where the iframe is actually working as I need it to! The problem is on the this other site I'm designing.
coothead
03-12-2012, 08:27 AM
Hi there LisaMarie,

I-FRAME PROBLEM WEBSITE (http://www.lisamarie.biz/WALKSAFELY_CHASINGDREAMS/WSCD_ProductsPage.html)
your page, at the quoted site, looks and works the same in both IE8 and IE9, as it does in Firefox 10.0.2. ;)

coothead
jscheuer1
03-12-2012, 11:26 AM
If you're only talking about how it looks as the page is loading, remove the highlighted line (from WALKSAFELY_CHASINGDREAMS/MEN_PRODUCT_1.html):


<!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=utf-8" />
<title>Walk Safely Chasing Dream Men's Logo T-Shirt</title>
<style type="text/css">
<!--
@import url("css/WSCD_Stylesheet_ProductPage.css");
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-color: #0F0;
background-repeat:repeat-x;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
z-index:1;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
/*START OF PRODUCT I
LisaMarie
03-12-2012, 06:19 PM
Hi John,

Thank you for your response. The bright green BG color is what I used to show you all where the iframe would be in IE. I actually need the iframe itself in there (as it appears to display and work correctly in FireFox)

When I removed the BG:

*When I test the iframe itself locally: BLACK WHITE PAGE/BODY with no image. In my working file all divs and hrefs are 'showing'.


*When I test the full page w/ the iframe: The iframe shows the page with the default to the BG image of the ProductBackground div (as I need) but then the rollovers and hrefs are not working.

I uploaded the new content w/o the BG color-- for review.
(along with the adjusted css file)

Here is the troubling link again! (http://www.lisamarie.biz/WALKSAFELY_CHASINGDREAMS/WSCD_ProductsPage.html)

Thank you in advance!
jscheuer1
03-12-2012, 06:48 PM
Rollovers work here in IE 8 and 9 and hrefs appear to 'work' as well, they don't seem to do anything in Firefox or IE, but they show up as what appears to be correctly in IE's status bar:


http://www.lisamarie.biz/WALKSAFELY_CHASINGDREAMS/MEN_PRODUCT_1.html#

What version of IE are you using? What OS?
coothead
03-12-2012, 07:26 PM
I gave LisaMarie that information yesterday at 11:52 am.
It applied to the link that John said was broken.
I repaired it and tested it successfully, as stated. ;)

coothead
LisaMarie
03-13-2012, 01:30 PM
Hi Guys, I'm using IE9 and FF 10.0.2 on Win7
Confirming: This iframe is working for you both in IE???

On the iframe itself:
WALK SAFELY CHASING DREAMS I-FRAME (http://www.lisamarie.biz/WALKSAFELY_CHASINGDREAMS/MEN_PRODUCT_1.html#)
Why do I only I see a white body on IE? But the image shows and the rollovers work for me in FF.

In my main site www.lisamarie.biz (http://www.lisamarie.biz) -- the iframes work ... so its not a browser issue I don't believe, it's something in my code.

My last option is to scratch I-frame and use php include instead.
Any other suggestions as to what the issue might be??
jscheuer1
03-13-2012, 04:23 PM
That page is also fine here in IE 9/Win 7.

And that's the same setup as I have, so it is something about your browser, or computer. Or how you're viewing the page. Make sure you're not viewing a local copy and that there are no local paths on or associated with the live page. And be sure that your not viewing some earlier version that's laying around, while giving us the real address to the working version.

Try clearing the cache in IE and refreshing the page.

First try a simple refresh, making sure you have only one instance of the page open.

If that doesn't work, clear the cache. To do so effectively, have only one instance with only one tab of IE open and have it open to a blank page. To do that once it's the only instance and has only one tab, type:

about:blank

into the addressbar and hit enter.

Next choose:

Tools > Internet Options > Delete

Then in the dialog that follows, make sure that at least:

Temporary Internet Files

is checked. You may check or uncheck other items at your discretion. Be sure to uncheck anything that you don't want to lose, like passwords, etc.

Do not check save "Preserve favorites website data" at the top, sorry you will have to build them up again, but that will happen quickly as you surf them again. Unchecking this will not remove any bookmarks.

Once it's how you want it, click the delete button. Let it do its thing. Depending upon how much cached stuff you have and how many other items were checked, this may take some time. It will notify you at the bottom of the page when it's finished.

Close the browser, reopen it and navigate to the problem page. If there's still a problem hit the refresh button or the F5 key.

If there's still a problem you can try resetting the internet zone and the advanced tab to defaults. But let's leave that for another time. It might be that you have something disabled and made an exception for the site where it works.

Or it could be some third party program to the browser or OS.
LisaMarie
03-21-2012, 11:36 PM
I checked the site on another computer recently and it was (thankfully) functioning as I needed it to.

Strange my IE is behaving the way it is even after I did all that was mentioned above...

Anyways, thanks again! Whew! :-)