Проблема с позицией заголовка

Question

Итак, у меня есть форма регистрации в верхней части моего веб-сайта, и в safari / firefox она выглядит идеально, но на ie7 по какой-то причине она сдвигается вниз, поэтому выглядит неправильно. Я попытался удалить все отступы / поля на всех этих элементах, но все равно кажется, что что-то толкает их, когда это происходит. Кто-нибудь знает, почему это происходит? Вы можете увидеть это вверху этой страницы:

http://www.campusmediawatch.org/partners

Спасибо!

Answer 1

A <form> должен иметь отступы и поля равные 0. Тогда может помочь и установка вертикального выравнивания по центру. Если это все еще не работает; попробуйте изменить тип документа на HTML вместо XHTML, поскольку IE использует разные средства визуализации для каждого типа документа.

Answer 2

Существует два вероятных варианта:

1. Отладить эти проблемы всегда сложно, но это может быть проблемой с высотой строки. Я бы попытался указать явную высоту строки 1em или около того для элементов в форме.

2. В вашем случае более вероятно, что кнопка отправки вызывает вашу проблему. Различные веб-браузеры неправильно отображают теги ввода. Попробуйте скрыть кнопку «Отправить», установив для нее стиль отображения «Нет», чтобы увидеть, действительно ли это вызывает проблему отображения в IE. Если это так, вы можете создать таблицу стилей специально для IE с помощью условных комментариев и применить альтернативный стиль к тегу отправки. ИЛИ вы можете использовать абсолютное позиционирование для ввода ввода, что должно позволить вам не прибегать к конкретной таблице стилей браузера.