форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Значится ситуация такая:
Элементам формы задана одинаковый размер шрифта, одинаковая высота строки, отменены отступы и выступы. Тем не менее, всё это дело имеет разные размеры. Причём те же параметры установленные для параграфа или элемента списка, работают именно ожидаемо. А вот форма — это вопрос.
Для теста сделал файлик, желающие могут ознакомиться. ЦСС имеющий отношение к делу внутри, остальное выведено.
Также привожу скриншоты сделанные мной в разных браузерах
IE 7.0.5730.13
Opera 9.25 8827
FireFox 2.0.0.11
Safari for Windows 3.0.3 (522.15.5)
Вот вопрос, как бы это привести к единому знаменателю?
Присвоить всем height: 30px — не предлагать!
P.S. Сафари порадовал
P.P.S Добавил ссылку на файло.
Отредактированно AngryCAT (05-02-2008 11:23:13)
Неактивен
Добавил ссылку на экспериментальный файл
Неактивен
Лечится назначением display:block для элементов формы (пробовал в Файерфоксе).
Отредактированно glebotr (05-02-2008 17:11:07)
Неактивен
Не понял как у тебя всё вылечилось, но я внёс изменения и всё с тем же успехом. Изменённый файл на прежнем месте. Проблема всё еще актуальна.
Отредактированно AngryCAT (05-02-2008 18:56:36)
Неактивен
Я дописал input {display:block;float:left;} все поехало, конечно, но высота у поля и кнопки выровнялась. Просто дальше надо еще дописать, чтобы встало все по местам.
Неактивен
Вообщем, так просто как писал Глеб ничего не вылечилось.
Но я почти победил. Нужно было дописать input {display:block;float:left;} и плюс перевести все размеры в ЕМы и добавить высоту в ЕМах для элементов формы. Вот здесь результат..
Эксплорер — гадина, портит всю картину. Высота поля нормализовалась, а высота кнопки опять не та.
Жду помощи зала.
Неактивен
А если для эксплорера сделать, как мы любим, _height: чего-то там?
Неактивен
AngryCAT написал:
Вообщем, так просто как писал Глеб ничего не вылечилось.
Странно. У меня и без укзания высоты они стали одинаковые. Видимо, это не универсальное решение, типа от шрифта зависит.
Неактивен