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

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

Привет!

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

46 просмотров
0
Loading...
Комментарии (2)
glottis 20.12.2012 12:46
Примените свойства box-sizing, для элементов формы которые нужно растянуть.

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
0
nightkon 27.03.2013 14:39
glottis, предложил очень хороший вариант. Минус в том, что IE до 7 версии не поддерживает это свойство, а с остальными браузерами всё отлично. Можно использовать этот вариант и для IE7 и ниже сделать хаки.
Пример: http://jsfiddle.net/nightkon/8nQQa/

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

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
[ все метки ]
Лучшее
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 28134]
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 23782]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 23036]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 17260]
[125]
24 Окт 2018, 15:59
React Native и React.js — что и как, в чем разница, где применять
[просмотров 13730]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 13274]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 10278]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 9980]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7428]
[50]
31 Дек 2011, 14:57
Cron запускать раз в неделю
[просмотров 6983]

Вести с Хабра

Юзер
Вход
Регистрация
Посты
Вопросы
Новости
Статьи
Ссылки
Инфо
О сайте
Правила
Справка
Поддержка
Услуги
Реклама
Web.onRails © 2011-2021