Javascript 固定Div内的流体图像不重新调整大小
提前感谢您的帮助和回复。我有一个固定的div,浮动在屏幕底部,用作移动版网站的广告空间。可以在此处找到实时版本:。由于某些原因,当我尝试重新调整浏览器窗口的大小时,fixed div中的图像似乎没有正确收缩。如果我突然调整窗口的大小,图像会缩小,但它的大小不会与标题徽标的大小相同。此外,它似乎并没有保持居中。我试过边际:0自动;和文本对齐:以外部div为中心,但它似乎不起作用。div和noscript中都有一些脚本标记,我想知道它们是否是问题的原因 您可以在live网站上看到所有代码,但这里是部分代码的副本Javascript 固定Div内的流体图像不重新调整大小,javascript,html,css,Javascript,Html,Css,提前感谢您的帮助和回复。我有一个固定的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&Task=Get&IFR=False&Browser=NETSCAPE4&PageID=9311&SiteID=2&Random=1375796513537"></script>
<a href="http://catholiccourier.com/banman/a.aspx?Task=Click&ZoneID=43&CampaignID=265&AdvertiserID=79&BannerID=242&SiteID=2&RandomNumber=655331242&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>
<a href="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;Task=Click&amp;Mode=HTML&amp;SiteID=2&amp;PageID=9311" target="_blank"> <img src="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;Task=Get&amp;Mode=HTML&amp;SiteID=2&amp;PageID=9311" width="728" height="90" border="0" alt=""></a>
</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;