|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
04.03.2013, 22:24 | #1 |
Пользователь
Регистрация: 30.09.2010
Сообщений: 22
|
3 DIV прикрепить в footer
В футере надо размести 3 дива, два по краям, 3-ий в центре. Идея такая, что боковые no-repeat, а центральный repeat-x, чтобы и на широких мониторах страница была бы красивая (картинки - горы, центральная это гора, которая может повторяться. Но при этом центральный див не должен заходить за рамки боковых. Сделал, но не уверен что это правильно и центральный див заходит за границы боковых
Код HTML:
body { min-width: 1200px; background:url('../images/background.gif') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0; padding: 0; height:100% } } #left_bottom{ background:url('../images/left_bottom.png') no-repeat; width: 602px; height: 378px; bottom: 0; float: left; position: relative; z-index: 999; } #right_bottom{ background:url('../images/rihgt_bottom.png') no-repeat; width: 562px; height: 346px; bottom: 0; float: right; display:block; position: relative; margin-top: 32px; z-index: 999; } #center_bottom{ background:url('../images/center_bottom.png') repeat-x; width: 100%; height: 324px; position:absolute; margin-top: 54px; } html { height: 100%; } #total { height: auto !important; min-height:100%; height: 100%; } #footer_space { clear: both; } #footer { height: 300px; clear: both; margin-top: -378px; //padding-top: 100px; width: 100%; } /////////////// <div id="total"> <div id="content">Просто обычный контент</div> </div> </div> <div id="footer"> <div id="left_bottom"> </div> <div id="center_bottom"> </div> <div id="right_bottom"> </div> </div> |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Footer | viktod | Microsoft Office Word | 20 | 14.01.2013 04:26 |
Что нужно делать чтобы высота div зависила то дочурного div? | Duddu | HTML и CSS | 2 | 25.04.2012 21:23 |
макрос вставка текста между тегами <div> </div> | nur91m | Microsoft Office Word | 2 | 19.10.2011 22:16 |
div тег как нижний слой для второго div тега | dadli | HTML и CSS | 2 | 30.07.2010 01:12 |
footer | Alex_manu | HTML и CSS | 1 | 17.07.2010 00:29 |