固定部門內的流體圖像未調整大小

在此先感謝您提供的任何幫助和答覆。我有一個固定的div，它浮在屏幕的底部，用作移動版網站的廣告空間。現場版本可以在這裏找到：http://www.catholiccourier.com/?mobileFormat=true。出於某種原因，當我嘗試重新調整瀏覽器窗口的大小時，固定div內的圖像似乎沒有適當縮小。如果我突然調整窗口大小，圖像會縮小，但不會像標題徽標一樣重新調整大小。而且它似乎並沒有保持中心。我已嘗試保證金：0汽車;和text-align：以外部div爲中心，但它似乎不起作用。 div內有一些腳本標籤以及無腳本，我想知道它們是否可能是問題的原因。固定部門內的流體圖像未調整大小

您可以在網站上看到所有的代碼，但這裏是一些代碼的副本。

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

請大家幫忙，謝謝。

來源

2013-08-06 user2011177

可以使用的位置是：絕對爲你的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-06 14:42:56 Reverter

哇，我不明白爲什麼它在絕對但不固定。然而，不幸的是，我們希望div（廣告空間）浮動在屏幕的底部，而用戶滾動，所以我需要將它設置爲固定。任何其他想法？我試圖將這些內容封裝在另一個div中，但這對我並不適用。我想我可以對它更復雜，並將其設置爲絕對值，然後在用戶滾動時將其設置爲底部。我不知道這是否是最有效的解決方案。 – user2011177

我得到它的工作。我將內容封裝在另一個div中，並將該div設置爲相對： display：inline-block; margin：0 auto; 位置：相對; 最小寬度：100％; max-width：405px; – user2011177

固定部門內的流體圖像未調整大小

回答

相關問題