Делаю одностраничный сайт и фон делаю из нескольких фотографий расположенных друг под другом и каждая заключена в div. Проблема заключается в том, что при уменьшении окна браузера, расстояние между картинками увеличивается. Как сделать чтобы при уменьшении окна фотографии маштабировались, а расстояние между ними не менялось?
Вот код:
<body>
<div class="fon">
<div>
<img class="fon1"src="images/bg_home.jpg" alt="" />
</div>
<div class="ll">
<img class="fon1" src="images/bg_about_us.jpg" alt="" />
</div>
</div>
</body>
css:
body {
margin: 0px;
padding: 0px;
background-color: #000;
}
.fon {
height:100%;
width:100%;
z-index:1;
min-width:1000px;
max-width:1600px;
}
.fon1{
height:auto;
width:100%;
position:absolute;
}
.ll{
padding-top: 62.7%;
}
Добавлено через 47 минут
такая проблема только в мазиле
Вот код:
<body>
<div class="fon">
<div>
<img class="fon1"src="images/bg_home.jpg" alt="" />
</div>
<div class="ll">
<img class="fon1" src="images/bg_about_us.jpg" alt="" />
</div>
</div>
</body>
css:
body {
margin: 0px;
padding: 0px;
background-color: #000;
}
.fon {
height:100%;
width:100%;
z-index:1;
min-width:1000px;
max-width:1600px;
}
.fon1{
height:auto;
width:100%;
position:absolute;
}
.ll{
padding-top: 62.7%;
}
Добавлено через 47 минут
такая проблема только в мазиле
