Как реализовать резиновый блок с фиксированным padding?

[Drunk_Monkey]

Добрый день буду благодарен помощи, условие для задачи только одно -  без использования box-sizing

[psywalker]

Добрый день буду благодарен помощи, условие для задачи только одно -  без использования box-sizing

Немного непонятно, что вам именно нужно. Вы не могли бы описать задачу поподробнее и желательно с примерами и скринами.

[Drunk_Monkey]

 

Добрый день буду благодарен помощи, условие для задачи только одно -  без использования box-sizing

Немного непонятно, что вам именно нужно. Вы не могли бы описать задачу поподробнее и желательно с примерами и скринами.

 

Виноват отвечу подробней. Пример задачи: поля формы input должны быть резиновые, тянуться при измении ширины родителя, но при это иметь фиксимрованные отступы в 10 px.

 

В макете повторяются эта задача (резиновый эдемент с фиксированными отступами) не только для строчных элементов как поля но и для блочных.

Edited January 11, 2015 by Drunk_Monkey

[Drunk_Monkey]

Нашел вариант только с вложенными слоями: 

Использование свойства box-sizing всем хорошо, кроме того, что не работает в старых версиях IE. Если вы верстаете сайт с учетом IE7 и IE6, вам подойдет старый проверенный метод с вложением слоев. Идея простая — для внешнего блочного элемента задаётся только необходимая ширина, а для вложенного блока всё остальное — поля, границы и отступы. Поскольку по умолчанию ширина блока равна доступной ширине родителя, получится, что блоки в каком-то смысле накладываются друг на друга, при этом фактическая ширина такого комбинированного элемента будет чётко задана.

Но он предусматривает лишнее теги (слой обвертка), есть ли варинат без добавления лишних div и box-sizing?

Edited January 11, 2015 by Drunk_Monkey