Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > input,select width 100%


Автор: Feldsher 5.7.2010, 15:49
Ребята, как при верстке "резины" сделать элементы интерфейса на всю ширину контейнера?

Автор: bars80080 5.7.2010, 17:17
Код

input { width: 100%; }


работает?

Автор: Feldsher 5.7.2010, 18:36
Это пробовал в первую очередь)
Неа)))
Firefox же)

Автор: bars80080 5.7.2010, 19:19
должно работать. значит перекрывает какой-то более приоритеный стиль, либо не задана ширина у внешнего контейнера

нужно, чтобы ширина указывалась для всей лесенки элементов, в которых находится инпут
ну, и попробуй написать в самом инпуте:
<input style="width: 100%" />

Автор: Feldsher 5.7.2010, 19:43
Ситуация такова)

И не тянутся, редиски)

Автор: mcTep 5.7.2010, 21:22
А что значит tr {width: 20%} ???

upd. И table {width: 600px; }

Автор: Feldsher 5.7.2010, 22:28
Сроки таблицы отображаютс горизонтально, каждая строка -  это контейнер для блока из инпутов и подписей к ним.
20% - значит при ширине таблицы в 600 пкс ширина каждого блока будет составлять 120 пкс, значит в горизонтальную строку поместится 5 блоков.

Автор: bars80080 5.7.2010, 22:35
строка это не блок. она не может встать горизонтально. она займёт ровно ширину таблицы

придумайте другой способ.

зачем вообще во что-то засовывать инпуты? они прекрасно встанут друг за другом в одну строку

Автор: Feldsher 5.7.2010, 22:45
К инпутам нужны по-разному расположенные подписи, тут без контейнеров нельзя.
При шаманстве с display строки отображаютс без проблем, это никаких вопросов не вызывает)

А вот с шириной инпутов - проблемы)

Автор: bars80080 5.7.2010, 22:48
используйте слои div, параграфы p, линейные блоки span, которые просто предназначены для этого.

зачем вы полезли в наиболее жёсткий элемент хтмл? таблица - она была и будет таблицой. использовать её в других целях - жесточайшее извращение.

почему вас не устроило разделить строку на пять ячеек по 120 пикселов? это и было бы пользование таблицей по назначению

Автор: Feldsher 5.7.2010, 22:55
Барс, уважаемый, проблема с порядком заполнения страницы давным давно решена.
У меня сейчас голова болит именно о ширине input-ов.

Автор: bars80080 5.7.2010, 23:06
если будешь пытаться выложить строчки в горизонтальную линию, то головная боль закончится кровоизлиянием в мозг.

поясню на примере: бензин тоже жидкость, но им не тушат пожар. так не делают

Автор: m0ro 6.7.2010, 12:04
У меня почему-то работают и width, и max-width, и min-width...
Код страницы бы глянуть и стили.

Автор: Feldsher 6.7.2010, 19:09
А в процентах указываете ширину?)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)