Kiggede lige lidt på det der med relativ positionering og fik dette frem:
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<STYLE TYPE="text/css">
td {
display:block;
vertical-align: top;
}
.menuPunkt, .menuPunkt a{
text-decoration: none;
font-family: verdana,arial,sans-serif ;
color: #CCCCCC ;
font-size: 10pt ;
font-weight: bold ;
cursor:hand;
}
.menuText, .menuText a{
background-color:#66CCCC;
text-decoration: none;
font-family: verdana,arial,sans-serif ;
color: #30C ;
font-size: 10pt ;
font-weight: normal ;
cursor:hand;
}
.menuOverskrift {
font-family: verdana,arial,sans-serif ;
color: #CCCCCC ;
font-size: 14pt ;
font-weight: bold ;
font-style: italic ;
}
</STYLE>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function trim(txt){
return txt.replace(/^\s*(.*?)\s*$/, "$1");
}
function getI(object,elementId){
return object.getElementById(elementId)
}
function getTs(object,tagName){
return object.getElementsByTagName(tagName)
}
</SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function posMenu(){
refElm = document.getElementById('minRefImg');
for(var zx=zy=0;refElm!=null;zx+=refElm.offsetLeft,zy+=refElm.offsetTop,refElm=refElm.offsetParent);
divMenu = document.getElementById('menu');
divMenu.style.left=zx;
divMenu.style.top=zy;
posText(zx,zy);
}
var men = 5;// Number of active menus
function posText(x,y){
for(i=1;i<=men;i++){
punkt=document.getElementById('menupunkt'+i);
for(var zx=zy=0;punkt!=null;zx+=punkt.offsetLeft,zy+=punkt.offsetTop,punkt=punkt.offsetParent);
obj=document.getElementById('menutext'+i);
obj.style.left=zx-x+45;
obj.style.top=zy-y+5;
}
}
function showFrame(frm){
par=getI(top.document,frm).parentNode;
frms=getTs(par,"IFRAME");
for (i=0;i<frms.length;i++){
if (frms[i].id==frm){
frms[i].style.display="block"
}else{
frms[i].style.display="none"
}
}
}
function showMenu(nr){
obj=document.getElementById('menutext'+nr);
obj.style.display="block";
}
function hideMenu(nr){
document.getElementById('menutext'+nr).style.display='none';
}
</SCRIPT>
</HEAD>
<BODY STYLE="width:100%;height:100%;vertical-align:middle;" onload="posMenu()" onresize="posMenu()">
<TABLE COLS="3" BORDER="0" STYLE="width:100%;height:100%">
<TR STYLE="height:10%"><TD COLSPAN="3"> </TD></TR>
<TR STYLE="height:80%">
<TD STYLE="width:10%;height:80%"> </TD>
<TD STYLE="width:80%;height:80%;border:1px solid #f00;background:#eee"><IMG ID="minRefImg" SRC="transparent.gif" HEIGHT="1" WIDTH="1"></IMG> </TD>
<TD STYLE="width:10%;height:80%"> </TD>
</TR>
<TR STYLE="height:10%"><TD COLSPAN="3"> </TD></TR>
</TABLE>
<div ID="menu" STYLE="position:absolute;top:0;left:0;display:block;overflow:no">
<DIV ID="menuover" CLASS="menuOverskrift" STYLE="display:block">Hvad vil du</DIV><BR><BR>
<TABLE ONMOUSEOVER="showMenu(1);" ONMOUSEOUT="hideMenu(1);"><TR><TD>
<DIV ID="menupunkt1" CLASS="menuPunkt" STYLE="display:block"><A HREF="java script:showFrame('Start');">Start/Instruktion</A><BR>
<DIV ID="menutext1" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"><A HREF="java script:showFrame('Start');"> Start </A></DIV></DIV>
</TD></TR></TABLE>
<BR>
<TABLE ONMOUSEOVER="showMenu(2);" ONMOUSEOUT="hideMenu(2);"><TR><TD>
<DIV ID="menupunkt2" CLASS="menuPunkt" STYLE="display:block">Indtastning m.v.<BR><BR>
<DIV ID="menutext2" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"><A HREF="java script:showFrame('Init');"> Start ny </A><BR><A HREF="java script:showFrame('Players');"> Spillere </A></DIV></DIV>
</TD></TR></TABLE>
<TABLE ONMOUSEOVER="showMenu(3);" ONMOUSEOUT="hideMenu(3);"><TR><TD>
<DIV ID="menupunkt3" CLASS="menuPunkt" STYLE="display:block">Menu 3 <BR><BR>
<DIV ID="menutext3" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"> menutext3 <BR> menutext3 <BR> menutext3 <BR></DIV></DIV>
</TD></TR></TABLE>
<TABLE ONMOUSEOVER="showMenu(4);" ONMOUSEOUT="hideMenu(4);"><TR><TD>
<DIV ID="menupunkt4" CLASS="menuPunkt" STYLE="display:block">Menu 4 <BR><BR>
<DIV ID="menutext4" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"> menutext4 <BR> menutext4 <BR> menutext4 <BR></DIV></DIV>
</TD></TR></TABLE>
<TABLE ONMOUSEOVER="showMenu(5);" ONMOUSEOUT="hideMenu(5);"><TR><TD>
<DIV ID="menupunkt5" CLASS="menuPunkt" STYLE="display:block">Menu 5 <BR><BR>
<DIV ID="menutext5" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"> menutext5 <BR> menutext5 <BR> menutext5 <BR></DIV></DIV>
</TD></TR></TABLE>
</div>
</BODY>
</HTML>
-- der skal jeg desværre positionere i to lag, så det må positioneringen tage højde for, men det er ret tydeligt, at oleboles lille funktion slankede koden en del ...
