古いvBulletinメッセージフォーラムを使用しているWebサイトで作業しています。現在の設定はほとんどの部分で正常に機能しますが、モバイルデバイスでフォーラムを開くと、広告バナー(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ではありません