Абсолютное расположение рекламного баннера без изображения заголовка перекрытия
-
10-10-2019 - |
Вопрос
Я работаю на веб -сайте, который использует более старый форум сообщений 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
Решение
Я бы дал #Container собственность «Мин-ширина: 958» и сохранить ширину 100%. Таким образом, страница всегда будет достаточно широкой как для логотипа, так и для рекламы.