0

事前にすべてのヘルプと応答に感謝します。画面の下部に固定された div があり、ウェブサイトのモバイル バージョンの広告スペースとして使用されます。ライブ バージョンはhttp://www.catholiccourier.com/?mobileFormat=trueにあります。何らかの理由で、ブラウザー ウィンドウのサイズを変更しようとすると、固定 div 内の画像が適切に縮小されないようです。ウィンドウのサイズを突然変更すると、画像は縮小されますが、たとえばヘッダー ロゴと同じようにサイズ変更されません。また、中心に留まらないようです。margin:0 auto; を試しました。および text-align:center を外側の div に配置しましたが、機能していないようです。div 内に noscript と同様にいくつかの script タグがあり、それらが問題の原因ではないかと考えています。

ライブ Web サイトですべてのコードを確認できますが、ここにコードの一部のコピーを示します。

<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

div に position:absolute を使用できます

.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 に答える