Hejsan
Jag hra gjort en hemsida med tabeller och en iframe och jag vill att tabell skall vara fast bredd men sen vill jag att den skall variera på höjden. Den skall automatiskt ändra sig beroende på filens höjd som jag öppnar i ifram. Jag har ställt in alla tabeller på height="100%" och i högra tabellen har jag jag en dopdown meny och när jag går runt i den menyn så ändrar tabellerna form men den vägrar att göra det när jag öppnar filer i iframen.
Se koden nedanför:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kyrkvretens Hydraulic AB</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body bgcolor="#CCCCCC" text="#000000" link="#000000" vlink="#000000" alink="#333333">
<STYLE>
body{
scrollbar-face-color:#CCCCCC;
scrollbar-arrow-color:#99CCFF;
scrollbar-track-color:#CCCCCC;
scrollbar-shadow-color:#99CCFF;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#99CCFF;
scrollbar-darkshadow-color:#000000;
}
</STYLE>
<script language="JavaScript1.2">mmLoadMenus();</script>
<br>
<table width="978" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#333333">
<tr>
<td width="974" align="left" valign="top"> <table width="973" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#333333" background="Bilder/Bakrund_Top.gif">
<tr>
<td height="71" colspan="9"> <img src="Bilder/Logga-Kyrkvretens-SV.gif" width="280" height="50"></td>
</tr>
<tr>
<td height="22" colspan="9"> <div align="center">
<table width="99%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="100" height="20"> <div align="center"><strong>Home</strong></div></td>
<td width="100" height="20"> <div align="center"><strong><font size="2" face="Arial, Helvetica, sans-serif"><a href="javascript;:" name="link1" id="link1" onMouseOut="MM_startTimeout();">Kontakt</a></font></strong></div></td>
<td width="100" height="20"> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Outlets</strong></font></div></td>
<td width="100" height="20"> <div align="center"><strong><font size="2" face="Arial, Helvetica, sans-serif"><a href="javascript;:" name="link6" id="link2" onMouseOver="MM_showMenu(window.mm_menu_0912075339_0,38,20,null,'link6')" onMouseOut="MM_startTimeout();">Om
Oss</a></font></strong></div></td>
<td width="100" height="20"> <div align="center"><strong><font size="2" face="Arial, Helvetica, sans-serif"><a href="javascript;:" name="link7" id="link3" onMouseOver="MM_showMenu(window.mm_menu_0912080007_0,45,20,null,'link7')" onMouseOut="MM_startTimeout();">Kataloger</a></font></strong></div></td>
<td width="100" height="20"> <div align="center"><strong><font size="2" face="Arial, Helvetica, sans-serif"><a href="javascript;:">Sök</a></font></strong></div></td>
<td width="100" height="20"> <div align="center"><strong><font size="2" face="Arial, Helvetica, sans-serif"><a href="javascript;:" name="link5" id="link4" onMouseOver="MM_showMenu(window.mm_menu_0912080034_0,45,20,null,'link5')" onMouseOut="MM_startTimeout();">Kampanjer</a></font></strong></div></td>
<td width="100" height="20"> <table width="110" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="30" height="20"> <div align="center"><img src="Bilder/flag-se.jpg" width="15" height="12"></div></td>
<td width="30"> <div align="center"><img src="Bilder/flag-en.jpg" width="15" height="12"></div></td>
<td width="30"> <div align="center"><img src="Bilder/flag-de.jpg" width="15" height="12"></div></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td width="100%" height="100%" bgcolor="#FFFFFF"> <table width="100%" height="100%" border="0">
<tr align="left" valign="top">
<td width="144" height="100%">
<p>
<script language="JavaScript" type="text/javascript">
<!--
function ToggleMenu(mnu) {
o=document.getElementById(mnu);
o.style.display=(o.style.display=='none')?'':'none';
}
//-->
</script>
<style type="text/css">
.submenu {
font-family:verdana;
font-size:10px;
}
.menu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
cursor:pointer;
}
</style>
<div class="menu" onClick="ToggleMenu('sub1');">Hydraulik</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub1" ><a href="">Hydraulpumpar</a><br>
<a href="">Hydraulmotorer</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub2');">Pneumatik</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub2" ><a href="">Översigt</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub3');">Slangkopplingar</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub3" ><a href="slangkopplingar.asp" target="iframe">Översigt</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub4');">Hydraulslang</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub4" ><a href="">1-Ståls</a><br>
<a href="">2-Ståls</a><br>
<a href="">3-Ståls</a><br>
<a href="">4-Ståls</a><br>
<a href="">Tvättslang</a><br>
<a href="">Termoplastslang</a><br>
<a href="">Tvillingslang</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub5');">Adaptrar</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub5" ><a href="">BSPP</a><br>
<a href="">Skärrings adapters</a><br>
<a href="">Orfs adapters</a><br>
<a href="">Jic adapters</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub6');">Snabbkopplingar</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub6" ><a href="">Multikoppling</a><br>
<a href="">NS / Brunning</a><br>
<a href="">Cejn</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub7');">Hydraulaggregat</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub7" ><a href="">Översigt</a><br>
</div>
<div class="menu" style="cursor:pointer;" onClick="ToggleMenu('sub8');">Mätinstrument</div>
<div style="display:none;margin:0 0 0 16;" class="submenu" id="sub7" ><a href="">Översigt</a><br>
<a href="">Servicemaster</a><br>
<a href="">Serviceman</a><br>
<a href="">Service junior</a><br>
</div>
<div style="display:
</font></strong><strong><font size="2" face="Arial, Helvetica, sans-serif"><br>
<br>
<p></p>
<p align="center"><font size="2"><img src="Bilder/parkerstore-sthlm-logo.gif" width="121" height="43"><br>
<font size="1" face="Arial, Helvetica, sans-serif">Senast
Uppdataterad:<br>
2007-08-29 </font></font></p>
</div></td>
<td width="797" height="100%" align="left" valign="top"> <div align="center">
<iframe src="valkommen.asp" name="iframe" width="100%" height="100%" scrolling="no" frameborder="0"></iframe> </div></td>
</tr>
</table></td>
<td width="93" colspan="8" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="25" colspan="9" background="Bilder/bakrund_bottom.gif">
<div align="center">
<table width="100%" border="0">
<tr>
<td width="12%" height="21"><font size="2" face="Arial, Helvetica, sans-serif">©
Kyrkvretens </font></td>
<td width="62%"><div align="center"><font size="2" face="Arial, Helvetica, sans-serif">Kyrkvretens
Hydraulic AB Tel: +46 8 500 11739 Fax:+46 8 5002315</font></div></td>
<td width="26%">Här skall Till Kassan Vara!</td>
</tr>
</table>
<font size="2" face="Arial, Helvetica, sans-serif"></font></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Tack på förhand / Bitte