Hi:

I have bought a template from TemplateMonster and i've found out that when trying to load it using Firefox some parts of the site (especially the lower parts including tables) show up as if they were larger. I have not found this problem with IE and the only solution seems to be to refresh :confused:

I have created a javascript script so as the site reloads automatically but this is only a provisional way until i find a solution beacuse this way the site loads really slow.

This is the snapshot when loaded with IE:
http://www.iplanethosting.com/Html2.JPG

And here with Firefox:
http://www.iplanethosting.com/Html1.JPG

I used Dreamweaver to customize it to my needs and when using the feature to check Browser support it found a lot of errors (130 :eek: ) saying that it might not be display correctly on Firefox or IE.

Anyone has ever had this type of problem and know which tag could be causing this?

Thanks for your help

Try using http://jigsaw.w3.org/css-validator/ and http://validator.w3.org/ to validate and correct the html / css . Maybe that will help? Not sure if it is css, most likely a good part is.


- Josh

Make sure you have the latest Fire-Fox updates. Also, re-installing Fire-Fox should help.

Thank you, i'll try both ways however i don't think that updating firefox should help since i have 1.04 and the following versions are mainly bug fixes.

I was just looking at your site and did not observe the layout errors you've demonstrated in the gifs. Did you already fix it? Out of curiosity I changed the URL attribute 'reloaded' to false and witnessed some interesting behaviour.

Originally posted by cerebis
I was just looking at your site and did not observe the layout errors you've demonstrated in the gifs. Did you already fix it? Out of curiosity I changed the URL attribute 'reloaded' to false and witnessed some interesting behaviour.

I have not been able to fix it, i tried those tools but they are not really helpful since i'm not an advanced html programmer and don't know which tags are compatible with all browsers and which not.

The part of the url you can see with reloaded=true is part of the script i created to make sure the page reloads when a user access to it so it displays correctly.

If you set that part to false javascript will 'think' that it has not been reloaded and it will try again and again in a loop :blush: .

I'll probably hire someone to modify it for me.

Originally posted by cerebis
I was just looking at your site and did not observe the layout errors you've demonstrated in the gifs. Did you already fix it? Out of curiosity I changed the URL attribute 'reloaded' to false and witnessed some interesting behaviour.

interesting indeed :homer:

If javascript is doing it... Why would it loop over and over doing the same thing? Is that by design(The MS way of documenting things)?

Originally posted by fastduke
interesting indeed :homer:

If javascript is doing it... Why would it loop over and over doing the same thing? Is that by design(The MS way of documenting things)?

Let me explain it a bit more. Since reloading seemed to be the only way of showing the pages correctly on Firefox i created this script in javascript which reloads automatically:

In the head tag i place this:

<script language="JavaScript" type="text/javascript">
<!--
var reloaded = false;
var loc=""+document.location;
loc = loc.indexOf("?reloaded=")!=-1?loc.substring(loc.indexOf("?reloaded=")+10,loc.length):"";
loc = loc.indexOf("&")!=-1?loc.substring(0,loc.indexOf("&")):loc;
reloaded = loc!=""?(loc=="true"):reloaded;

function reloadOnceOnly() {
if (!reloaded)
window.location.replace(window.location+"?reloaded=true");
}
</script>

and on the body tag this one:

onload="reloadOnceOnly()"

It creates a variable that appears on the url as reloaded=true to let the browser know it has already been reloaded.

However, this is not the big issue, i have only used this to fix it while i find a way of displaying correctly the problem stated on my first posts without any need to reload (as it should be:stickout: )