VDS за 300р от нашего партнера SpaceWeb
[76]
19 Дек 2012, 12:13

Растянуть input, textarea на 100%

Привет!

Задался вопросом, как растянуть поля input и textarea на 100% и что бы они не выходили за рамки своего родителя. Ведь если поле имеет padding и border, то эта часть не входит в 100% размера, что очень глупо. Сейчас убрал border и padding и реализую их у элемента контейнера, но это не очень удобно. Кто, что посоветует?

#html, #css

Комментарии (2)
glottis 20.12.2012 12:46

Примените свойства box-sizing, для элементов формы которые нужно растянуть.

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
+1
nightkon 27.03.2013 14:39

glottis, предложил очень хороший вариант. Минус в том, что IE до 7 версии не поддерживает это свойство, а с остальными браузерами всё отлично. Можно использовать этот вариант и для IE7 и ниже сделать хаки.
Пример: http://jsfiddle.net/nightkon/8nQQa/

Также есть способ - кроссбраузерный.
Пример: http://jsfiddle.net/nightkon/WgUdM/
+2

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 14024]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9658]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8984]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 8808]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7362]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 7081]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5116]

Вести с Хабра