关于使用“层”的相对位置问题,请高手帮忙。多谢! 如何使一个“层”在1024x768和800x600两种不同屏幕分辨率的情况下保持在画面的某一相对位置上? 也就是说“Layer1”中的下列文字
A 艾 B 八角 巴豆 ......
如何在两种不同屏幕分辨率的情况下保持在“A”正下方。
原代码如下: <html> <head> <title>索引</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript"> <!--
<!-- function MM_reloadPage(init) { file://reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> file://--> </script> <link rel="stylesheet" href="../title-C.css" type="text/css"> </head>
<body text="#000000" leftmargin="0" topmargin="0" tracingsrc="../Bookback2a.jpg" tracingopacity="100" bgcolor="#004B2C" link="#FFFFFF" vlink="#00FF00" alink="#FFFF00" onLoad="MM_preloadImages('../hotkey01b.jpg','../hotkey02b.jpg','../hotkey03b.jpg')"> <table width="100%" cellspacing="0" cellpadding="0" height="100%" align="center"> <tr> <td> <table width="772" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="text3" width="438">当前位置><a href="../index.htm">首页</a>><a href="t-index.htm">药用植物的分类</a></td> <td class="text3" width="332" align="right"><a href="JavaScript:parent.window.close()">关闭窗口</a></td> </tr> </table> <table width="772" cellspacing="0" cellpadding="0" height="530" align="center" background="../X-cankao.jpg"> <tr> <td> <table width="100%" cellspacing="0" cellpadding="0" height="509" border="1"> <tr> <td rowspan="4" width="1%"> </td> <td width="23%" height="41"> <div id="Layer1" style="position:absolute; width:130px; height:388px; z-index:1; left: 130px; top: 130px; overflow: auto"> <p>A<br> 艾</p> <p>B<br> 八角<br> 巴豆<br> 白花败酱<br> 白花曼陀罗<br> 白花前胡<br> 白及<br> 白芥<br> 白勒<br> 白茅<br> 白木香<br> 白千层 <br> 白前<br> 白屈菜<br> 白术<br> 白头翁<br> 白英<br> 百合<br> 半边莲<br> 半夏<br> 半枝莲<br> 北苍术<br> 北柴胡<br> 北马兜铃<br> 北五味子<br> 北玄参<br> 荸荠<br> 荜拔</p> </div> </td> <td rowspan="4"> </td> </tr> <tr> <td width="23%" height="36"> </td> </tr> <tr> <td height="390" width="23%"> </td> </tr> <tr> <td width="23%"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>