ヘッダーイメージオーバーラップのない広告バナーの絶対配置

Question

古いvBulletinメッセージフォーラムを使用しているウェブサイトで作業しています。現在の設定は大部分はうまくいきますが、モバイルデバイスでフォーラムを開くと、広告バナー（728x90）がロゴイメージと重なって表示されているだけです。上部と下部がレイアウトの残りの部分のニーズに合っているため、バナーCSSの配置を見ると面倒です。

基本的な質問は、レイアウトの残りの部分に合わせて必要なオフセットを保持したままで、バナーがロゴイメージと重複しないようにこれをやり直す方法です。

#container{ 
    width: 100%; 
    height: 100px; 
} 
#logo{ 
    width:230px; 
    height: 63px; 
} 
#advertisement{ 
    height: 90px; 
    width: 728px; 
    position: absolute; 
    right:10px; 
    top: 7.5px; 
} 



<div id="container"> 
    <div id="logo"><a href="index.php"><img src="logo.jpg" border="0" alt="Whatever" /></a></div> 
    <div id="advertisement"></div> 
</div> 

**なく、私のCSSやHTML

Answer 1

私はプロパティ "最小幅：958" #container与えるだろう、と100％の幅を保ちます。 そのようにすれば、ページは常にロゴと広告の両方に十分な幅があります。