Я работаю над сайтом, на котором используется старый форум сообщений 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