خیلی متشکرم که اینقدر سریع جواب منو دادید. اما راه حل شما را امتحان کردم ولی نشد. به همین دلیل من کد یک صفحه ساده که فقط منو دارد را اینجا میگذارم . صفحه را در حالت max و minدر رزولوشن 768*1024 ببینید تا دقیقآ مشکل مرا متوجه شوید.من میخواهم در حالت min به جای تغییر سایز اجزای صفحه نوار scroll فعال شود . البته sroll فعال است ولی باز هم اجزای صفحه تغییر سایز میدهد.
[LTR]<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
<base target="main">
</head>
<body>
<table width="100%" border="1" bordercolorlight="#FFFF00" bordercolordark="#FFCC66" style="background-color: #FFCCFF">
<tr align="right" bgcolor="#FF8080" >
<td align="right" onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="145" >
نظریه پردازی<br />
<table class="menu" id="tutorials" width="120" style="position: absolute; left: 18px; top: 38px; width: 145px; height: 86px">
<tr><td class="menu" align="left">
<p align="right"><span lang="fa"><a href="IDEA/tarikhche.htm">اتاریخچه </a> </span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/goal.htm">آثار
</a> </span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/azah.htm">اعضاء</a></span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/khat%20mashi.htm">خط مشی</a></span></td></tr>
</table>
</td>
<td onmouseover="showmenu('scripting')" onmouseout="hidemenu('scripting')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="126">
فعالیتها <br />
<table class="menu" id="scripting" width="120" align="right" style="position: absolute; left: 129px; top: 38px; width:165px">
<tr><td class="menu">
<p align="right">سخنرانیهای </td></tr>
<tr><td class="menu">
<p align="right">طرحهای </td></tr>
<tr><td class="menu">
<p align="right">طرحها</td></tr>
<tr><td class="menu">
<p align="right">فرصت مطالعاتی </td></tr>
</table>
</td>
<td onmouseover="showmenu('validation')" onmouseout="hidemenu('validation')" bgcolor="#ADD8E6" bordercolor="#FFFF00" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
فصلنامه <br />
<table class="menu" id="validation" width="120" style="position: absolute; left: 321px; top: 38px">
<tr><td class="menu" align="right">Validate HTML</td></tr>
<tr><td class="menu" align="right">Validate XHTML</td></tr>
<tr><td class="menu" align="right">Validate CSS</td></tr>
<tr><td class="menu" align="right">Validate XML</td></tr>
<tr><td class="menu" align="right">Validate WML</td></tr>
</table>
</td>
<td onmouseover="showmenu('tut')" onmouseout="hidemenu('tut')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="133">
تالیفات <br />
<table class="menu" id="tut" width="120" style="position: absolute; left: 461px; top: 37px">
<tr><td class="menu" align="right">HTML</td></tr>
<tr><td class="menu" align="right">XHTML</td></tr>
<tr><td class="menu" align="right">CSS</td></tr>
<tr><td class="menu" align="right">XML</td></tr>
<tr><td class="menu" align="right">XSL</td></tr>
</table>
</td>
<td onmouseover="showmenu('t')" onmouseout="hidemenu('t')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="131" >
کارگاهها<br />
<table class="menu" id="t" width="120" style="position: absolute; left: 596px; top: 38px">
<tr><td class="menu" align="right">HTML</td></tr>
<tr><td class="menu" align="right">XHTML</td></tr>
<tr><td class="menu" align="right">CSS</td></tr>
<tr><td class="menu" align="right">XML</td></tr>
<tr><td class="menu" align="right">XSL</td></tr>
</table>
</td>
<td bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="131" >
<span lang="fa">نقشه راهنمای سایت </span><br />
</td>
<td bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="131" >
<b>English<br />
</b>
</td>
</tr>
</table>
</body>
</html>[/LTR]