Здрасьте!

Скажите плз, как сделать элемент с отступами (padding) во всю ширину (width: 100%) (и не шире) родителя? При установке отступов или границ элементу он становится шире родителя, появляются полосы прокрутки и пр.

Скриншот
(также прикреплен к сообщению)



Это сообщение отредактировал(а) tekfla - 6.9.2008, 06:14

Присоединённый файл ( Кол-во скачиваний: 4 )
 ie6_element_full_width.png 21,31 Kb

а если добавить:

?

к чему? повторяю: мне нужно с отступами. ведь не уберешь же padding у текстового поля. это такой кошмар получается... (=

ко всему. забабахайте этот стиль самым первым и посмотрите что получится

http://tekfla.on.ufanet.ru/ie6_element_full_width_2.png

- помогает только убирание границ текстбокса. собсна, нужен какой-то другой подход (=

Присоединённый файл ( Кол-во скачиваний: 2 )
 ie6_element_full_width_2.png 35,95 Kb

А так:

может, я непонятно пишу, но вообще-то элемент к которому это применяется уже написан - * - что значит - ко всему

 что в этом случае будет?

bars80080, как я понял, ему нужно вписать инпут в контейнер с заданными полями от правого-левого краев. 100% + margin действительно не спасает.

В современных браузерах помогает position:absolute и одновременное задание left и right (сколько нужно отступить). В IE6-7 единственный известный мне вариант (в рамках стандартного режима) - через expression (типа width: expression(this.parentNode.clientWidth - this.pixelLeft - this.pixelRight + 'px')).

bars80080, как и сказал SelenIT, установка нулевых отступов всем элементам посредством * {margin: 0; padding: 0} не помогает, более того, способствует появлению полос прокрутки даже в современных браузерах.

Itsys, не работает (в ie6), причем даже если контейнеру поставить большие отступы )=

SelenIT, если даже воспользоваться регулярными (или как они там называются? (= ) выражениями для ie, то все равно в остальных браузерах элемент будет"вылезать" за рамки контейнера. может быть есть другие пути (кроме перевода браузера в (режим) "quirks mode")?



Это сообщение отредактировал(а) tekfla - 7.9.2008, 12:52

Присоединённый файл ( Кол-во скачиваний: 2 )
 ie6_element_full_width_3.png 28,70 Kb

задать 95-98% в зависимости от настроек с полями. в таком случае полоса прокрутки раньше появится по другой причине

попиксельной точностью тут, конечно, и не пахнет... кстати, я спасибо за идеи, но все-таки, на этом форуме я ожидал увидеть что-то более оригинальное


соре, не догнал, по какой причине?

Эту форму можно вложить в контейнер любого размера. Роль границ инпута играют границы <label>, инпут растянут на 100% в этом можно убедиться, сняв border: 0px none;

webster, ну ты в очередной раз тормозишь. суть вопроса в том, что нужно НЕ УБИРАТЬ ОТСТУПЫ У ТЕКСТОВОГО ПОЛЯ!!! к тому же, видимо ты ошибся темой - причем здесь вообще кнопка "Отправить"? в общем, всем спасибо, все свободны. *пошел просить помощи на официальных ресурсах на своем ломаном английском*

tekfla приператься с тобой желания никакого нет, ты бы хоть пробовал и смотрел варианты которые тебе были предложены, опыт может придти только с практикой и не только чтения.