Размещаем баннер по центру сверху без изменения основного каркаса сайта

категория: CSS
Я последнее время заметил, что я люблю писать больше чем программировать)) Поэтому думаю сейчас частенько будут появляться небольшие темки разные, касающиеся моего творчества в веб-разработке. Как например сегодня, просто повесил баннер, это дело пары минут, но жутко захотелось поделится. Итак есть у нас картинка, баннер, который повесит месяцок да и может пропасть, а потом может второй появится. Как сделать, чтоб не менять вечно основной каркас сайта: просто выделить место под банеры один раз и вешать их туда абсолютом. css:
.banner {
  position: absolute;
  margin: 0 auto;
  top: 5px;
  left: 0;
  right: 0;
}
Теперь он у нас будет висеть ровненько по центру с отступом сверху 5 пикселей, и в любом расширении будет уменьшаться пропорционально.


blog comments powered by Disqus