Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 04.03.2013, 22:24   #1
art_d
Пользователь
 
Регистрация: 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>
Изображения
Тип файла: jpg m_b.jpg (33.7 Кб, 48 просмотров)
art_d вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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