input с width:100% - padding

12
M
На сайте с 22.02.2007
Offline
161
1954

имеется input, он должен быть на всю ширину колонки. У input имеется padding. Если ему задать width:100% то он растянется на 100%+padding, т.е. появляется горизонтальная строка прокрутки. Подскажите как этого избежать? Как сделать ширину input'а 100% - его padding?

Торрент Трекер Катушка - скачать фильмы (http://katushka.net) | SmartProgress - достижение целей (https://smartprogress.do/) Партнерская программа SmartProgress (https://smartprogress.do/affiliate)
D
На сайте с 15.05.2008
Offline
62
#1

Попробуйте так

<input type='text' name='name' style='width:100%; padding:0;'>

M
На сайте с 22.02.2007
Offline
161
#2

defisa, padding мне нужен.

Сделал на таблицах...

samimages
На сайте с 31.05.2009
Offline
427
#3

Можно пример глянуть?

Опыт как иммунитет — приобретается в муках! Аудит семантики от 15К [долго] - ЛС
TO
На сайте с 25.01.2010
Offline
36
#4

добавить к стилю свойство overflow: hidden;

Dreammaker
На сайте с 20.04.2006
Offline
569
#5

maxttor, в чём концептуальная надобность 100% при 100% ширине оО

Кофейник
На сайте с 11.07.2009
Offline
78
#6

По дефольту любой блочный элемент имеет ширину 100%, просто не указывайте ширину и оставьте отступ. тык

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
frantic
На сайте с 09.02.2009
Offline
27
#7

Смори у инпута паддинг убираешь. Берешь инпут в див, и у дива выставляешь нужный паддинг

M
На сайте с 22.02.2007
Offline
161
#8
frantic:
Смори у инпута паддинг убираешь. Берешь инпут в див, и у дива выставляешь нужный паддинг

Ну и что это получится? Паддинг в инпуте нужен, что бы текст не приклеивался к стенкам, а находился на не большом расстоянии.

frantic
На сайте с 09.02.2009
Offline
27
#9
maxttor:
Ну и что это получится? Паддинг в инпуте нужен, что бы текст не приклеивался к стенкам, а находился на не большом расстоянии.

Ну тогда ничего из этого не получится. Можешь размер шрифта тока поменять

[Удален]
#10
maxttor:
имеется input, он должен быть на всю ширину колонки. У input имеется padding. Если ему задать width:100% то он растянется на 100%+padding, т.е. появляется горизонтальная строка прокрутки. Подскажите как этого избежать? Как сделать ширину input'а 100% - его padding?

Все верно выше сказали, самое простое - тому объекту, которые делает горизонтальную прокрутку, поставить overflow:hidden, и проблема 100% будет решена.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий