Подскажите блочная вёрстка div'ами.

NewJey
На сайте с 21.11.2009
Offline
113
627

Добрый день, подскажите как div'ами сделать такой блок:

таблицей без проблем, а вот что-то с div не получается(

Dim_K
На сайте с 11.07.2007
Offline
85
#1

В чем именно проблема-то? Есть какие-то специфические требования как должны блоки тянуться или что? Простейший вариант вот https://jsfiddle.net/e9zxp8vh/

NewJey
На сайте с 21.11.2009
Offline
113
#2

Да, простите забыл написать требования(

Вот вообщем что у меня есть готовое:

<div class="container">
<img src="/banner-1.jpg" width="960" />
<img src="/banner-4.jpg" width="470" />
</div>
<div class="container">
<img src="/banner-3.jpg" width="960" />
<img src="/banner-2.jpg" width="470" />
</div>
<style>
img {
width: 48%;
display: inline-block;
vertical-align: top;
}
.container {
padding: 10px;
}
</style>

Это резиновая вёрстка, при увеличении или уменьшении весь блок тянется.

Dim_K
На сайте с 11.07.2007
Offline
85
#3

Тот вариант, что по ссылке в моем посте выше подойдет. Только дивы на картинки надо поменять

NewJey
На сайте с 21.11.2009
Offline
113
#4
Dim_K:
Тот вариант, что по ссылке в моем посте выше подойдет. Только дивы на картинки надо поменять

Может я конечно что-то не так делаю, но вот то что получается https://jsfiddle.net/e9zxp8vh/2/

При увеличении фото разъезжаются, а при уменьшении наезжают друг на друга. Надо что бы весь блок был как бы цельным и при уменьшении или увеличении просто тянулся или уменьшался.

Dim_K
На сайте с 11.07.2007
Offline
85
#5

Ширина картинок была фиксирована, а блоков в процентах. Вот все и ползло. Вот нормальный вариант на мой взгляд https://jsfiddle.net/e9zxp8vh/4/

NewJey
На сайте с 21.11.2009
Offline
113
#6
Dim_K:
Ширина картинок была фиксирована, а блоков в процентах. Вот все и ползло. Вот нормальный вариант на мой взгляд https://jsfiddle.net/e9zxp8vh/4/

Та же проблема, и блоки не равномерно расположены. Я что-то запутался уже)

---------- Добавлено 21.03.2016 в 09:52 ----------

Вот как-то так https://jsfiddle.net/e9zxp8vh/5/ вроде бы то что надо)

Dim_K
На сайте с 11.07.2007
Offline
85
#7

удалить удалить

NewJey
На сайте с 21.11.2009
Offline
113
#8

Всё получилось, спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий