Javascript 固定Div内的流体图像不重新调整大小

Javascript 固定Div内的流体图像不重新调整大小,javascript,html,css,Javascript,Html,Css,提前感谢您的帮助和回复。我有一个固定的div,浮动在屏幕底部,用作移动版网站的广告空间。可以在此处找到实时版本:。由于某些原因,当我尝试重新调整浏览器窗口的大小时,fixed div中的图像似乎没有正确收缩。如果我突然调整窗口的大小,图像会缩小,但它的大小不会与标题徽标的大小相同。此外,它似乎并没有保持居中。我试过边际:0自动;和文本对齐:以外部div为中心,但它似乎不起作用。div和noscript中都有一些脚本标记,我想知道它们是否是问题的原因 您可以在live网站上看到所有代码,但这里是部

提前感谢您的帮助和回复。我有一个固定的div,浮动在屏幕底部,用作移动版网站的广告空间。可以在此处找到实时版本:。由于某些原因,当我尝试重新调整浏览器窗口的大小时,fixed div中的图像似乎没有正确收缩。如果我突然调整窗口的大小,图像会缩小,但它的大小不会与标题徽标的大小相同。此外,它似乎并没有保持居中。我试过边际:0自动;和文本对齐:以外部div为中心,但它似乎不起作用。div和noscript中都有一些脚本标记,我想知道它们是否是问题的原因

您可以在live网站上看到所有代码,但这里是部分代码的副本

<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>


a href=”http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&;amp;Task=Click&;Mode=HTML&;SiteID=2&;PageID=9311“target=“_blank”img src=”http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&&;Task=Get&;Mode=HTML&;SiteID=2&;PageID=9311“width=“728”height=“90”border=“0”alt=”“/a

请帮助并感谢您。

您可以将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;
}

哇,我不明白为什么它是绝对的,而不是固定的。然而,不幸的是,我们确实希望div(adspace)浮动在屏幕底部,而用户滚动,因此我需要将其设置为固定。还有其他想法吗?我试图将内容包装到另一个div中,但这对我来说不起作用。我想我可以更复杂地使用它,将其设置为绝对值,然后在用户滚动时将其javascript写到底部。我不知道这是否是最有效的解决方案。我让它起作用了。我将内容包装在另一个div中,并将该div设置为relative:display:inline block;保证金:0自动;位置:相对位置;最小宽度:100%;最大宽度:405px;