我有两个网页合二为一。一页是导航菜单,第二页是实际内容。
两个页面都嵌入到自己的 div 中,然后这两个 div 包含在另一个(主)中。
问题是菜单可能会不时改变其大小(它具有悬停菜单元素),并且第二页的背景作为图像重复直到页面底部。因此,当菜单的大小增加时,第二页的一部分会保持空白。
当第一页改变它的高度时,如何让页面的第二部分重新绘制背景?
任何建议的帮助将不胜感激。
更新
这是第二页css的一部分。
#servicesTextarea {min-height:229px !important; border-top:solid 3px #009ba7; background:#f2fafb url(../images/service_text_bk.gif) repeat-x right bottom;}
更新 2
这是我拥有的 div 结构
<div id="servicesStage">
<div id="servicesNav">
<h2><a href="our_services.php">Our Services</a></h2>
<ul>
<li ><a href="software.php"><i>Fios</i> Software</a>
<ul class=navigation>
<li ><a href="software_fios_enterprise.php"><i>Fios</i> Enterprise</a></li>
<li ><a href="software_fios_csa.php"><i>Fios</i> CSA</a></li>
</ul>
</li>
<li ><a href="managed_services.php">Managed Services</a></li>
</ul>
</div>
<div id="servicesTextarea">
<div class="padding">
<h4>Randon text</h4>
<ul>
<li><b><a href="software.php">Option 1</a></li>
<li><b><a href="consulting.php">Option 2</a></li>
</ul>
</div>
</div>
正如我之前提到的 serviceNav div 包含一个可能会增加其大小的导航菜单,我希望 servicesTextarea 的背景得到更新。
这是我试图避免的图片