Как исправить это (CSS)?

Question

[KronosHD]

Все привет! Столкнулся с такой проблемкой. На сайте есть блок в этом блоке ещё 2 блока. Один float: left; другой float:right. Дак вот, когда экран маленький второй блок опускается вниз, но основной не увеличивается в выслту(height). Что делать?
Вот тут можете посмотреть:
Varuj7lb.bget.ru

А вот картинка:
firepic.org/images/2015-09/08/4x6w8ydlcjqb.png
Нужно, чтоб основной блок увеличивался, когда блок points уходит вниз.

Comments

[Therapyx]

https://jsfiddle.net/

Answer 1

[Кирилл Туровников]

Уберите у .wrap - height, a после .banner и .points добавьте <div style="clear:both"></div>, так же можно использовать .clearfix для родителя чтобы он не схлопывался:

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after { clear: both; }
.cf { *zoom: 1; }

Comments

[Сергей delphinpro]

zoom? O_o Вы всё еще пишете для IE7???

[Кирилл Туровников]

Сергей: этому решению уже 100 лет, просто вставил в исходном виде, в современных реалиях это конечно уже не актуально, но иногда встречаются заказчики требующие чтобы их сайты работали на калькуляторах :)

Answer 2

[Глюкъ Виртуален]

Я бы отказался от картинки — она тупая и бесполезная — и сделал бы пару медиазапросов.