Entry

How can I make Dropdown Menu in Javascript visible over another frame?

Mar 18th, 2003 01:56
Klaus Bolwin, Sharu Rao,

It is not possible using frames!!
However, why do you work with frames? All features, you are realizing
with the frames, you can realize without any frame.
Note: frames do not belong to the strict XHTML1.0 standard.
You can use e.g. four div's insted of four frames:
<div id="top"> HTML-content </div>
<div id="bottom"> HTML-content </div>
<div id="left"> HTML-content </div>
<div id="main"> HTML-content </div>
and use the following CSS-sheet:
html, #top, #bottom, #left {overflow:hidden;}
#top {position:absolute; top:0%; height:10%; left:0%; width:100%;}
#bottom {position:absolute; top:95%; height:5%; left:0%; width:100%;}
#left {position:absolute; top:10%; height:85%; left:0%; width:20%;}
#main {position:absolute; top:10%; height:85%; left:20%; width:80%;
overflow:auto;}
* {margin:0; border-width:0;}
ontop of this structure (z-index) you can set additional divs,
containing the dropdown menu. These divs may overlap the borders of the
divs simulating the frame structure.