Iframes loading the wrong pages can be a common problem, especially when you have several iframes on a page, but, there is a easy cure...

 

When iframe are used on a page and the html codes for different frames are close together, they can get confused and load the wrong pages when using the back button.

 

Causes of iframes loading wrong pages.

Several factors can be attributed, here the most common

1. header tags improperly placed near or around the iframes

2. iframes located close or next to each other in the html code

Simple cures for a iframe loading the wrong page

1. add some html gobblie goop in between iframes, if iframes are close together in the html code, add a line or 2 of useless html, example current code between iframes

   <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px">

   new code between iframes

   <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px">
   <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px">

   <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px">

   adding 1 or 2 lines I have found can cure the problem but not always

2. Check to make sure the iframe isn't imbedded in header tags or close to miss-used header tags

3. The Sure Cure,,, when iframes are next to each other in the html code the best way I have found to stop the miss-loading when using the back button is to place 1 of the iframes in a table, add a single cell table in the location of the iframe, with no border to make it invisible, then place the iframe inside it. This creates the separation needed to ensure the iframe loads the right page. Note: if you have 3 iframes next to each other in the html, then I would place the middle one in the table, though I've never tested this, by theory, it would make sense that that would separate all 3 iframes.

I'm no html expert that's for sure but, I use a lot of iframes on my websites and have had my share of problems with them... If you have a better solution... add it here!