Display a DIV across 2 frames in HTML

Question

Hi I have a page with two frames. I need a define a div in a top frame, such that it gets displayed over bottom frames also.

------------------------------------------------
|               Frame 1               '<myDiv>'|
|                                     '       '|
|-------------------------------------'       '|
|                                     '       '|
|                                     '-------'|
|                                              |
|               Frame 2                        |
|                                              |
|                                              |
|                                              |
-----------------------------------------------|

<frameset rows="*" cols="*" frameborder="no" border="0" id="titleFrame" framespacing="0">
  <frame src="title.html" name="topFrame" scrolling="No" id="titleFrameDiv" noresize="noresize" title="title" />
      <frameset id="myFrameDiv" rows="100%,*" cols="*" framespacing="0" frameborder="no" border="0">
       <frame src="main.html" id="mainFrame" name="mainFrame" scrolling="Auto" title="main" />
      </frameset>
  </frameset>

Its ok, even I need to change this to iframes. How can I do this in my current design..

Answer 1

The closest you could come would be to have a duplicate of the div in each document.

You can then use fixed CSS positioning to line them up.