iframe box seems to float

How to make it stick in one spot

[crobb305]

When I look at Google's cache of my page, which uses an iframe, the iframe box floats to the top and actually covers up the text associated with the Google-cache information at the top of the page. In the cached version, the iframe has also floated over otherwise visible text on the page and completely covers it.

When I display the actual page, the iframe is where it is supposed to be. It is only in Google's cache (and in Yahoo's cache) where I see the floating iframe. I fear that if Google is caching the page like that, then maybe the googlebot may "see" the page such that intended/visible text is suddenly becoming hidden by the floating iframe, creating a "hidden text" issue.

How can I lock the iframe for all purposes, including search engine caching? If anyone is familiar with iframe, but is not sure of the issue that I am speaking of, I will be happy to sticky.

Chris

[tedster]

The problem often comes with absolute positioning. It gets calcaulated relative to the window's edge, and when a search engine inserts content above your page but in the same window, you get visual chaos. I've given up on search engine cache display in cases where it limits what the website needs to do.

[Birdman]

If you add 'position: relative;' to your body or html element, it should fix the problem. It should cause all other nested elements to calculate their position from the actual position of the 'relative' element.

Example:

html {
position: relative;
}