4 Позиция столбца абсолютная расположение

Question

У меня есть настройки макета, который может быть вид здесь: http://jsfiddle.net/Pn3ts/

Это все работает отлично, но мне нужно, чтобы установить ширину макс/мин вокруг всей партии.

Так что я предполагаю, что для этого я бы добавил position: relative; на класс .row. Однако, если я это сделаю, фон каждого .col, похоже, рухнет. (см. здесь: http://jsfiddle.net/YDBYK/)

Как бы я работал?

Answer 1

Дайте html, body и .row высоте 100%, и это сработает.

html, body { 
    height: 100%; 
} 

.row { 
    position: relative; 
    width:100%; 
    height: 100%; 
    margin: 0; 
    max-width: 400px; 
    min-width: 300px; 
} 

jsFiddle: http://jsfiddle.net/YDBYK/1/