| Код |
<div class="site">
<!-- Бока которые будут уходить за рамку браузера -->
<div class="bg_fon_left"></div>
<div class="bg_fon_right"></div>
весь сайт
</div>
|
| Код |
body {
overflow-x: hidden;
}
.bg_fon_left{
width:286px;
height:480px;
background:url(img/left_bsckground.jpg) no-repeat;
float:left;
}
.bg_fon_right{
width:286px;
height:480px;
background:url(img/right_background.jpg) no-repeat;
float:right;
}
.site {
width:1571px;
min-height:252px;
position: absolute;
left:50%;
margin-left: -778px;
}
|
Суть реализации что бы задний фон исчезал при маленьких расширениях монитора. Сделал вот таким способом, но когда сворачиваешь окно браузера в пол экрана к примеру, то получается обрывок сайта. Подскажите пожалуйста, как сделать, что бы бока ищезали но сайт оставался не тронутым ?
|
