Iframe positioning

Question

This is iframe code of google translate    lt div id  contentframe  style  top  160px  left  0px   gt   lt iframe src   translate p hl en amp amp ie UTF8 amp amp prev  t amp amp sl auto amp amp tl en amp amp u http   yahoo co jp  amp amp depth 1 amp amp usg ALkJrhjrVT6Mc1tnruB-zgrtu9cyQ1bSeA  name  c  frameborder  0  style  height 100  width 100  position absolute top 0px bottom 0px   gt  amp lt  div amp gt   lt  iframe gt  lt  div gt    I tried to do something similar with the same div and iframe tags but the html page does not end up like google translate    lt div id  contentframe  style  top  160px  left  0px   gt   lt iframe src  http   stackoverflow com  style  height 100  width 100  position absolute top 0px bottom 0px   gt  amp lt  div amp gt   lt  iframe gt  lt  div gt    The iframe appears right at the top of the page instead of appearing 160px later  as specified by the div   I m not sure what is wrong here with my code  which is almost the same as the Google code   Edit  The adding of the position relative to the  tag is not suitable as a solution  It shrinks the div into a bar with a small height  It also means that the exact position of the  with respect to the page cannot be specified as a result

User · Answer

It s because you re missing position relative  on  contentframe   lt div id  contentframe  style  position relative  top  160px  left  0px   gt    position absolute  positions itself against the closest ancestor that has a position that is not static  Since the default is static that is what was causing your issue

User · Answer

you should use position  relative  for one iframe and position absolute  for the second   Example  for first iframe use    lt div id  contentframe  style  position relative  top  100px  left  50px   gt    for second iframe use    lt div id  contentframe  style  position absolute  top  0px  left  690px   gt

User · Answer

Try adding the css style property   position relative    to the div tag   it works

User · Answer

you have to use this css property    position relative    use it for your  contentframe div tag

[html] Iframe positioning

Examples related to html

Examples related to iframe

Examples related to position

Examples related to css-position