|
| |
|
|
| |
для: tima2010
(16.05.2011 в 10:50)
| | | извините понял как,
.fon_top {
width:100%;
height:100%;
margin-bottom:-219px;
}
.fon_bot {
width:100%;
height:219px;
}
|
| |
| |
|
|
| |
|
|
| |
для: tima2010
(16.05.2011 в 10:47)
| | | Может я изначально не правильно подошел к идеи резинового фона
основная проблема получается только из за позиционирования нижнего фона | |
| |
|
|
| |
|
|
| | Добрый день, не могу понять как решить данную проблему
Нужно сделать резиновый фон, фоном является картинка, ее делю на 4 части
верхняя левая часть
верхняя правая часть
нижняя левая часть
нижняя правая часть
середка картинки идет однотонная, делаю отдельный блок с фоном изображения
идея в том чтобы при различном размере экрана верх и низ фона менялся от размера экрана
Не получается блок fon_center сделать резиновым чтобы он давал нижней части подыматься в зависимости от размера экрана
Код индекса:
<div class="fon">
<div class="fon_top">
<div class="top_fon_left"></div>
<div class="top_fon_right"></div>
</div>
<div class="fon_center"></div>
<div class="fon_bot">
<div class="bot_fon_left"></div>
<div class="bot_fon_right"></div>
</div>
</div>
|
Стили:
.fon {
position:fixed;
width:100%;
height:100%;
z-index:-1;
background:#с0с0с0;
}
.fon_top {
width:100%;
height:187px;
}
.fon_center {
width:100%;
}
.fon_bot {
width:100%;
height:219px;
}
.top_fon_left {
background:url('images/top_left.jpg') no-repeat;
width:500px;
height:197px;
float:left;
}
.top_fon_right {
background:url('images/top_right.jpg') no-repeat;
width:500px;
height:197px;
float:right;
}
.bot_fon_left {
background:url('images/bot_left.jpg') no-repeat;
width:500px;
height:219px;
float:left;
}
.bot_fon_right {
background:url('images/bot_right.jpg') no-repeat;
width:500px;
height:219px;
float:right;
}
|
| |
| |
|
|
|
