10:40

Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Здравствуйте, подскажите пожалуйста, возможно ли добиться от разных браузеров одинакового вычисления ширины и высоты?

Есть несколько текстовых полей и див под ними.

Опера/Огнелис (как должно быть):


Сафари/Хром:



Такая же песня с высотой дива.

Опера/Огнелис (как должно быть):


Сафари/Хром:


Комментарии
19.07.2012 в 14:44

If it's stupid but works, it isn't stupid.
Если у вас

то добавьте к инпуту id

и пропишите в стилях

ну и относительно высоты попробуйте аналогично, прописать те значения, что вам нужны
19.07.2012 в 14:46

If it's stupid but works, it isn't stupid.
так же можно попробовать для инпута прописать сайз

19.07.2012 в 15:13

Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Heidel, Оу, а добавление id как-то влияет на вычисление ширины инпута?

Вообще, у меня проблема на с инпутами, а с дивами.
"Подключиться" - это див, который реагирует на нажатие. Для него, как и для инпутов прописана ширина 150px, но в Хроме и Сафари он почему-то рисуется шире.

Вторая проблема тоже див - содержит в себе текст, поля и т.д. Его задача - это всё центрировать по экрану. Всё делает, всё в порядке. Подогнал высоту, чтобы сверху и снизу поля были примерно одинаковые.
В опере и огнелисе - всё в порядке, а вот Хром и Сафари съедают высоту и. если я правильно понимаю, подгоняют её к тексту+padding самого дива. То бишь, нижняя граница по факту ниже текста+поле, но Хром и Сафари это игнорят. Хотелось бы как-нибудь исправить это.
19.07.2012 в 17:07

Крайне злопамятное хамло ;)
Браузеры по разному считают padding и margin, некоторые их включают в ширину и высоту, некоторые - нет. Как вариант попробовать обойтись без паддингов или марджинов)
19.07.2012 в 17:30

Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Co0L, Закомментил все маргины и паддинги.

Див-кнопка так и отображается больше чем надо, насчёт нижней границы дива (синенького) возможно она на месте, это содержимое смещается. Сейчас заметил, что 150px тоже разные у всех. У Хрома больше чем у оперы с огнелисом. И ширина инпута больше. Заодно заметил, что Хром делает большее расстояние между строками таблиц, чем опера с огнелисом.

Видимо надо писать какой-нибудь извращённый css-reset, ибо: www.w3school.ru/blog/css/css-reset-styles.html проблемы не решил.
19.07.2012 в 17:56

Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Проблему с синим дивом решил - убрал принудительную высоту и теперь везде поля одинаковые.
А вот с дивом-кнопокой пока не разобрался.
19.07.2012 в 18:49

If it's stupid but works, it isn't stupid.
А если текстовые поля и кнопку таки на инпуты попробовать переделать?
В коде и в стилях не так много менять вроде придется.
19.07.2012 в 18:58

Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Heidel, Гм. Текстовые поля это и так инпуты: input type="text"

Кнопку делаю дивом, чтобы везде одинаково отображалась.
Если делать input type="submit" или input type="button", то размеры ещё сильнее меняются, т.к. размер для кнопок похоже как-то иначе вычисляется, чем для текстовых полей.
19.07.2012 в 19:05

( . )( . )админ
Браузеры по разному считают padding и margin, некоторые их включают в ширину и высоту, некоторые - нет.

:lol::five: