大侠们帮忙看一下DIV问题
程序代码:
做一个鼠标经过,切换不同页面内容。但内容多了,就直接撑开了,外表的表格高度不能随内容的增加而高度跟着增加。这样内容就把网站foot给盖掉了! 我不懂DIV有知道的兄弟给你讲解一下解决办法! <table width="720" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"> <!--产品介绍--> <div id="div1" style="position:absolute;width:720px; height:150px; visibility: visible; z-index: 1000; "> <table width="720" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="76" height="30" align="center" valign="middle" background="images/leftbj7.jpg"><a href="#" class="tt8" target="_parent">产品介绍</a></td> <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','show','div3','','hide')"><a href="#" target="_parent" class="tt8">服务承诺</a></td> <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','hide','div3','','show')"><a href="#" target="_parent" class="tt8">订货流程</a></td> <td width="492" align="center" valign="middle"></td> </tr> <tr> <td height="1" colspan="4" align="left" valign="top" bgcolor="#E8E8E8"></td> </tr> <tr> <td colspan="4" align="left" valign="top" style="padding:10px; font-size:12px; color:#3E3E3E; line-height:22px;"><%= rs("content") %></td></tr> </table> </div> <!--服务承诺--> <div id="div2" style="position:absolute;width:720px; height:150px;clear:both; visibility: hidden; z-index: 1000; "> <table width="720" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','show','div2','','hide','div3','','hide')"><a href="#" target="_parent" class="tt8">产品介绍</a></td> <td width="76" height="30" align="center" valign="middle" background="images/leftbj7.jpg"><a href="#" target="_parent" class="tt8">服务承诺</a></td> <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','hide','div3','','show')"><a href="#" target="_parent" class="tt8">订货流程</a></td> <td width="492" align="center" valign="middle"></td> </tr> <tr> <td height="1" colspan="4" align="left" valign="top" bgcolor="#E8E8E8"></td> </tr> <tr> <td colspan="4" align="left" valign="top" style="padding:10px; font-size:12px; #3E3E3E; line-height:22px;"><% bb=rs("from") bb=replace(bb,chr(13),"<br>") dd=replace(bb," "," ") response.write bb %></td> </tr> </table> </div> <!--订货流程--> <div id="div3" style="position:absolute;width:720px; height:150px;clear:both; visibility: hidden; z-index: 1000; "> <table width="720" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','show','div2','','hide','div3','','hide')"><a href="#" target="_parent" class="tt8">产品介绍</a></td> <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','show','div3','','hide')"><a href="#" target="_parent" class="tt8">服务承诺</a></td> <td width="76" height="30" align="center" valign="middle" background="images/leftbj7.jpg"><a href="#" target="_parent" class="tt8">订货流程</a></td> <td width="492" align="center" valign="middle"></td> </tr> <tr> <td height="1" colspan="4" align="left" valign="top" bgcolor="#E8E8E8"></td> </tr> <tr> <td colspan="4" align="left" valign="top"style="padding:10px; font-size:12px; #3E3E3E; line-height:22px;"><% bb=rs("dh") bb=replace(bb,chr(13),"<br>") dd=replace(bb," "," ") response.write bb %> </td> </tr> </table> </div>