|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
07.12.2010, 12:38 | #1 |
Новичок
Джуниор
Регистрация: 07.12.2010
Сообщений: 1
|
Резиновый Header из 3-х изображений
Привет! Столкнулся с проблемой при верстке. Необходимо, чтобы хедер был резиновый, центральная часть оставалась на месте (900 px), слева\справа фоновые картинки растягиваются\сужаются в зависимости от ширины.
Пробовал с float играть, появилась проблема с позиционированием. Сделал центральный див, вписав в него 3 дива с обтеканием, на левый правый установил 25%, центральный 50% Изображения во вложении. Вот css: #wrap { width: 100%; height: 100%; background-color: yellow; } #inwrap { width: 100%; height: 100%; margin: 0 auto; background-color: red; } #head { width: 100%; height: 104px; background-color: yellow; margin: 0 auto; } #midhead { width: 50%; height: 100%; background-color: black; margin: 0 auto; } #inhead { width: 900px; height: 104px; background-image: url(../images/top.jpg); overflow: hidden; } #leftear{ width: 25%; height: 104px; float: left; background-image: url(../images/lear.jpg); } #rightear{ width: 25%; height: 104px; background-image: url(../images/rear.jpg); float: left; } |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Резиновый фон | Levsha100 | HTML и CSS | 2 | 11.09.2010 21:12 |
Резиновый сайт | Syltan | HTML и CSS | 16 | 02.09.2010 18:39 |
CSS: резиновый сайт с применением position: absolute | Aliech | HTML и CSS | 9 | 15.11.2009 23:38 |
css. не получается поменять области местами. резиновый макет. | sergey_kalinin | HTML и CSS | 2 | 09.07.2009 16:48 |
Резиновый сайт | Helen_Sof | HTML и CSS | 4 | 09.02.2009 19:08 |