Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 02.09.2011 11:16
- Lesh
- Разбирающийся
- Откуда: Москва
- Зарегистрирован: 02.09.2011
- Сообщений: 60
- Вебсайт
input в ячейке таблицы, IE
Здравствуйте!
Не знаю, как побороть такое поведение IE.
Буду очень благодарен вашим комментариям.
Код:
123
По каким-то причинам IE начинает рисовать кнопку на 5 пикселей левее границы ячейки. Текстовое поле правильно вписывается в ширину своей ячейки. Получается эффект наложения. IE6, 7.
Сменить DOCTYPE нет возможности (и желания)
Спасибо.
Отредактированно Lesh (02.09.2011 12:03)
Мы разрабатываем ПО
Нет на форуме
#2 02.09.2011 14:07
- Lesh
- Разбирающийся
- Откуда: Москва
- Зарегистрирован: 02.09.2011
- Сообщений: 60
- Вебсайт
Re: input в ячейке таблицы, IE
Упростил пример до безобразия (оказывается Input type="submit" ни при чем):
Код:
123
Вся проблема начинается тогда, когда у тега ставится ширина 100%. Если ее задать меньшей, все исправляется. Но как же сделать, чтоб текстовое поле растягивалось на всю ширину ячейки?
Мы разрабатываем ПО
Нет на форуме
#3 03.09.2011 18:13
- Strix
- Новичок
- Откуда: Украина, Киев
- Зарегистрирован: 19.07.2011
- Сообщений: 16
- Вебсайт
Re: input в ячейке таблицы, IE
если возможно, уберите border-collapse: collapse;. А для формы и текстового поля обнулите отступы:
Код:
table {width: 100%;}
td {border: 1px #000 solid; padding: 0; width: 50%;}
td.d1 {border-color: #0c0;}
td.d2 {border-color: #00c;}
form, input{margin:0;padding:0}Нет на форуме
#4 03.09.2011 20:57
- Lesh
- Разбирающийся
- Откуда: Москва
- Зарегистрирован: 02.09.2011
- Сообщений: 60
- Вебсайт
Re: input в ячейке таблицы, IE
Strix, спасибо большое! Правда, еще нужно убрать бордеры, они тоже берут на себя часть ширины. Без них почти все так как нужно. Правда, если вместо
Код:
123
написать
Код:
То IE6 снова отказывается показывать правый край текстового поля. Мысли есть на этот счет?
Мы разрабатываем ПО
Нет на форуме
#5 05.09.2011 14:48
- Strix
- Новичок
- Откуда: Украина, Киев
- Зарегистрирован: 19.07.2011
- Сообщений: 16
- Вебсайт
Re: input в ячейке таблицы, IE
поставьте:
Код:
думаю, 1% можно пожертвовать 
Отредактированно Strix (05.09.2011 14:49)
Нет на форуме
#6 05.09.2011 17:47
- Lesh
- Разбирающийся
- Откуда: Москва
- Зарегистрирован: 02.09.2011
- Сообщений: 60
- Вебсайт
Re: input в ячейке таблицы, IE
Да, собственно почти что так и пришлось сделать, раз решений других не предвидится. С помощью Microsoft conditional
Код:
А в нем уже приходится прописывать ширину, меньшую чем 100%. Кстати 99% зачастую не хватает, приходится уменьшать до 90 - 95%, да и то, при увеличении разрешения монитора наступит момент, когда ячейка все равно наползет на другую.
Коль других вариантов нет, пока остановлюсь на этом.
Мы разрабатываем ПО
Нет на форуме
#7 04.11.2011 18:29
- Lesh
- Разбирающийся
- Откуда: Москва
- Зарегистрирован: 02.09.2011
- Сообщений: 60
- Вебсайт
Re: input в ячейке таблицы, IE
Проблема решилась банально и просто (вполне может кому-то понадобится в дальнейшем), пасиб моему другу Тёмычу.
Код:
123 блаблабла
Единственный минус - прописывать бордеры придется самостоятельно, отобрав эту привелегию у браузера. Тем не менее, имхо, выход довольно красивый.
Отредактированно Lesh (04.11.2011 18:31)
Мы разрабатываем ПО
Нет на форуме