Posicionamiento iframe
Este es el código iframe de google translate.
<div id="contentframe" style="top: 160px; left: 0px;">
<iframe src="/translate_p?hl=en&ie=UTF8&prev=_t&sl=auto&tl=en&u=http://yahoo.co.jp/&depth=1&usg=ALkJrhjrVT6Mc1tnruB-zgrtu9cyQ1bSeA" name="c" frameborder="0" style="height:100%;width:100%;position:absolute;top:0px;bottom:0px;"></div>
</iframe></div>
Intenté hacer algo similar con las mismas etiquetas div y iframe, pero la página html no termina como google translate.
<div id="contentframe" style="top: 160px; left: 0px;">
<iframe src="http://stackoverflow.com" style="height:100%;width:100%;position:absolute;top:0px;bottom:0px;"></div>
</iframe></div>
El iframe aparece justo en la parte superior de la página en lugar de aparecer 160 px más tarde, según lo especificado por el div.
No estoy seguro de lo que está mal aquí con mi código, que es casi el mismo que el código de Google.
Edición: la adición de la posición: relativa a la etiqueta no es adecuada como solución. Se encoge el div en una barra con una pequeña altura. También significa que la posición exacta de la página con respecto a la página no se puede especificar como resultado.