Пример не является полностью автоматизированным. Над ним еще нужно поработать... Например, нельзя забывать о больших и маленьких мониторах. Также картинка будет грузится одна, потому вес будет большой.
Вот... Что у нас вышло, можно посмотреть тут: .
border-bottom:1px dashed #ddd;
border-bottom:1px dashed transparent;
top:0;bottom:0;right:0;left:0;
<li style="border:0 !important;"><a href="#">О компании</a></li>
<li><a href="#">Главная</a></li>
<div class="trans"></div>
Боковая колонка (sidebar)
<div class="trans"></div>
Теперь див со всем остальным содержимым.
<img src="fon.jpg" alt="" />
Делаем див, внутри которого будет лежать фоновая картинка.
Задаем position absolute и картинке и самому контенту. Затем с помощью z-index помещает фон вниз, а все остальное наверх.
Картинка на фоне должна сужаться и растягиваться по мере изменения окна браузера. Каркас из двух колонок. Минимальная ширина 1000px. Это все мы рассмотрим сегодня.
Озадачился вопросом, как сделать резиновый фон. Дизайнеры, они ведь не всегда знают основных правил верстки, им лишь бы сделать. Сколько макетов теряется при этом... Эх.
Масштабируемая картинка на фоне сайта или резиновый фон
» » » Масштабируемая картинка на фоне сайта или резиновый фон
блог о создании и продвижении сайтов в интернете
Масштабируемая картинка на фоне сайта или резиновый фон » Блог Интернет Технологий
Комментариев нет:
Отправить комментарий