VDS за 300р от нашего партнера SpaceWeb

ufo51 [76]

19 Дек 2012, 12:13

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

css html

Привет!

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

16 просмотров

Комментарии (2)

glottis 20.12.2012 12:46

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

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

nightkon 27.03.2013 14:39

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

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

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

Для отправки комментария вам необходимо авторизоваться.

Войдите, чтобы написать о чем-нибудь...

Вход Регистрация

Web.onRails

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

написать о чем-нибудь...

Метки:

php× 490

css× 225

python× 207

html× 188

flash× 163

mysql× 155

linux× 153

perl× 138

google× 109

dart× 102

[ все метки ]

Лучшее

GM2mars [2]

03 Июн 2014, 17:19

Большой сборник интернет сайтов по веб-разработке и не только

[просмотров 26128]

tetro [52]

16 Окт 2011, 15:38

Вывести все элементы POST

[просмотров 13449]

rediska [65]

20 Дек 2011, 15:53

Удалить пробелы в начале и конце строки и переход на новую строку

[просмотров 11809]

gollem [74]

31 мая 2011, 11:48

Python проверка существования переменной

[просмотров 9220]

laborant [4]

10 Окт 2018, 15:33

Как запретить просмотр сайта по IP?

[просмотров 8833]

jaga [124]

24 Окт 2018, 15:59

React Native и React.js — что и как, в чем разница, где применять

[просмотров 8723]

fullzilla [100]

19 Дек 2014, 16:16

User-agent для Internet Explorer 11

[просмотров 8158]

jaga [124]

21 Июл 2011, 14:04

Python Imaging Library (PIL)

[просмотров 6816]

pup21 [58]

29 мая 2012, 12:08

Узнать версию PHP из командной строки

[просмотров 4938]

grom [315]

16 Июл 2011, 20:03

Python работа с MySQL

[просмотров 4902]

Вести с Хабра

25.09.2020 - 13:16

[Из песочницы] Как я избавлялся от Google на Android

Недавно на работе получил задачу от руководителя: сделай так чтобы телефон android не сливал данные гуглу. Можете представи ...

25.09.2020 - 12:55

Как выглядит сейчас космодром «Морской старт»

...

25.09.2020 - 12:14

Возможности для массового деанона в Telegram

tl;dr: исследую возможности для сопоставления аккаунтов с номерами телефон ...

25.09.2020 - 12:09

[Перевод] Стивен Вольфрам: кажется, мы близки к пониманию фундаментальной теории физики, и она прекрасна

В продолжение моего поста про вычислимую Вселенную я хочу представить вам свой перевод статьи Стивена Вольфрама, созданной в рамках его проекта The Wolfram Physi ...

25.09.2020 - 10:30

Как Microsoft из монстра эпохи доткомов превратилась в корпорацию-мечтателя

Многие не любят Microsoft за ее непростое прошлое и решения, которые принимались Гейтсом, Балмером и даже Наделлой, когда они руководили компанией в разные годы. Microsoft сделала много ошибо ...