0

提前感谢您提供的所有帮助和回复。我有一个固定的 div，它浮动在屏幕底部，用作移动版网站的广告空间。现场版本可以在这里找到：http: //www.catholiccourier.com/ ?mobileFormat=true 。出于某种原因，当我尝试调整浏览器窗口的大小时，固定 div 内的图像似乎没有正确缩小。如果我突然调整窗口大小，图像会缩小，但它不会以与标题徽标相同的方式调整大小。它似乎也没有保持居中。我试过 margin:0 auto; 和 text-align:center 在外部 div 上，但它似乎不起作用。div 和 noscript 中有一些脚本标签，我想知道它们是否可能是问题的原因。

您可以在实时网站中看到所有代码，但这里是一些代码的副本。

<div id="adSpace" align="center">
    <script language="javascript" src="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;Task=Get&amp;IFR=False&amp;Browser=NETSCAPE4&amp;PageID=9311&amp;SiteID=2&amp;Random=1375796513537"></script>
    <a href="http://catholiccourier.com/banman/a.aspx?Task=Click&amp;ZoneID=43&amp;CampaignID=265&amp;AdvertiserID=79&amp;BannerID=242&amp;SiteID=2&amp;RandomNumber=655331242&amp;Keywords=" target="_Blank" class="ui-link">
        <img src="http://catholiccourier.com/banman/ads/3/HOLY-SEP-REWORK_fix.gif" width="728" height="90" alt="Holy Sepulchre Cemetery 585-458-4110" align="Center" border="0">
    </a>
    <br>
    <noscript>
        &lt;a href="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;amp;Task=Click&amp;amp;Mode=HTML&amp;amp;SiteID=2&amp;amp;PageID=9311" target="_blank"&gt; &lt;img src="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;amp;Task=Get&amp;amp;Mode=HTML&amp;amp;SiteID=2&amp;amp;PageID=9311" width="728" height="90" border="0" alt=""&gt;&lt;/a&gt; 
    </noscript>
</div>

请帮忙，谢谢。

4

1 回答 1

0

你可以使用 position:absolute 作为你的 div

.ui-mobile #adSpace {
position: absolute;
bottom: 0;
background-color: #e6e6e6;
width: 100%;
height: auto;
max-height: 90px;
z-index: 9999;
text-align: center;
}
于 2013-08-06T14:42:56.137 回答