Блок в оставшуюся длину

[npofopr]

Привет.

Я правильно понимаю, что чтобы растянуть .cell3 на оставшуюся длину, мне надо или таблицы использовать, ну или flex.

 

http://jsfiddle.net/npofopr/w95eY/

 

Сут такая:

сайт резинится от 1280 до 960px, т.е. в шапке есть четыре блока, три из них постоянной длины, а одно, это блок с поиском, т.е. с input и button, которые как раз проще тянуть. Вот и хотелось бы этот .cell3 растягивать.

 

Или можно как то по другому здесь решить ситуацию?

[Sensei]

Можно так http://jsfiddle.net/w95eY/8/

Но я бы сделал таблицами.

[Switch74]

мне кажется раз размеры 3 блоков известны и общий задан, то можно что-нибудь вроде такого при минимальной ширине в 960px форма не должна исчезать и прыгать. Размеры элементов формы можно сделать так: кнопка фиксированная, поле для ввода резина

[npofopr]

Таблицей тогда и проще и надежнее)

Спасибо.

[amelice]

Таблицей тогда и проще и надежнее)

Зато ячейки будут одной длины, а почему бы .header-у не поставить min-width: 960px - как тебе нужно, то тогда ничего не будет разваливаться и все будет работать как нужно? http://jsfiddle.net/w95eY/10/

[Sensei]

Почему ячейки будут одной длины? http://jsfiddle.net/VB4ax/

[npofopr]

Вообще вот она шапка http://shadow.perm.ru/test/pioneer/test.html

Тоже не совсем понял, почему одной длины. Да и min-width не надо, у меня фиксировано до этой длины. 

Edited April 29, 2014 by npofopr

[amelice]

Почему ячейки будут одной длины? http://jsfiddle.net/VB4ax/

Ну чтож, круто    Буду иметь в виду.

[Switch74]

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

[npofopr]

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

нет нет. переносить мне точно ничего не надо. да и в 960px все так уместится.