Iframe-Firefox-out of frame

[stevenb]

This storefront application allows the CSS to be modified. I have embedded the storefront onto a customer branded html. It works fine in IE, but persistently shifts right in the Firefox browser. Here is the url of the site I am testing it with: http://www.glidegear.com/skintemplate2x.html

And attached is the CSS file for my storefront server account.
I'm guessing it has to do with a Div, Margin, Auto entries.

Just using justify left commands don't seem to help. And this html when using other url's in the Iframe work fine in FF.

The ultimate goal is to have custom headers and a background color delivered from my own host server, for multiple customers....and iframe the same storefront (which is on the storefront provider's server). But I do have access and ability to edit the storefront CSS .....trouble is I know just enough CSS to be dangerous.

Thanks,
Steven

[jscheuer1]

OK, in your /v/vspfiles/templates/90/css/Template.css file as applied to the /Default.asp page you have:

#header h1{
 float:left;
 font-size:1.5em;
 height:47px;
 padding-left:14px;
 padding-top:17px;
 text-align:left;
 width:400px;
}
 
 
#display_homepage_title a{
 text-indent:-99999px;
 display:block;
 width:300px;
 height:40px;
 text-align:left;
 
}

That float is never cleared, so it's messing up the alignment of the stuff below it in Firefox. IE and some others are either clearing the float automatically, or there is something else about that element that takes it out of the flow of the page for them. Now, the element selected by:

#display_homepage_title a

is something like:

<a href="http://txcrp.utxpw.servertrust.com/default.asp" title="store.glidegear.com">store.glidegear.com</a>

And is the only content of the #header h1 element, of which there is only one on the page. But since you have set its (the link's):

 text-indent:-99999px;

it cannot be seen. It's so far off to the left that it is beyond the left margin of the page.

Given all of that, at least for this page, it would be best to simply set:

#header h1{
 display: none;
}

Or simply remove:

	<h1 id="display_homepage_title" class="colors_homepage_title"><a href="http://txcrp.utxpw.servertrust.com/default.asp" title="store.glidegear.com">store.glidegear.com</a></h1>

from the page's markup.

Either way, it won't affect IE, but will fix Firefox. If you want to 'bring back' the link later, you will have to clear the float somehow (probably with the content division) and account for a gap that will probably create between the header div and the content div (probably by decreasing the height of the H1 tag and/or giving it a 0 bottom margin), but that can probably be worked out if and when that time comes.

[stevenb]

John, Thanks so much. That worked.
There's one more issue with FF and Iframe I noticed right after I sent the first posting......
If you go to http://www.glidegear.com/skintemplate2x.html
...and click on one of the product category links ....the branding html, and the iframe with the embedded storefront clears...to just show the storefront.

It does not do this in IE.

Thanks again for your help.

Steven

[jscheuer1]

I'm not seeing any difference. In Firefox close all open pages, so that only a blank page is showing, make sure no other windows of Firefox are open, clear the Firefox cache, close the browser. Open Firefox again and navigate to the page again. If at that point you are still having the problem, let me know step by step the exact actions I must follow to see it.

[stevenb]

Heh.
I did clear cache right off before, after your first fix....but your comment made me suspect....so I checked it out on another computer....and got your positive results.
I must be getting some sort of cookie cache affect from working on the storefront from this box at Admin level I suppose. No big deal.
Thanks again. Most of my own programming is done with a hybrid software that my partner and I invented using AutoCad and Flash for engineering. So my CSS up to this point has been just "regurgitating" what has been shown to me, and was necessary for fonts.
But this is cool stuff. Any recommendation for novice entry books?

Steven