проблема позиционирования html / css в ie7 / 8

Question

Я не могу понять, как правильно выровнять это в IE7 / 8 ..

Если вы посмотрите на сайт в Firefox 4+, он работает отлично!Не уверен, что это правильно или нет ..

Вверху, где находится ссылка "Войти";в Firefox это именно то, что я хочу, но в IE это отображается странно.

Если кто-то может помочь, это было бы здорово.(сайт еще не полностью функционален .. все еще работает над ним .. спасибо!)

Answer 1

Во-первых, перед попыткой отладки CSS вы всегда должны проверить свою страницу.

У вас есть 23 ошибок , и они очень важны (но их легкоисправить) те.У вас есть незакрытые элементы div, абзацы и т. Д. Это может быть только пара ошибок, которые вызывают каскад.

Мой совет: исправьте эти ошибки.Начните с первого и двигайтесь вниз, пока все они не исчезнут.Вы, вероятно, увидите, что проблемы с IE исчезнут.Другие браузеры просто прощают.

Условные комментарии - это вариант, когда вы действительно застряли, но в 99% случаев вам это действительно не нужно.Часто ошибки IE вызваны ошибками, с которыми другие браузеры достаточно хороши, чтобы изящно справляться с ними.

Когда-то раньше я проектировал IN Internet Explorerи обнаружил, что проверка моей работы в FF или Chrome почти всегда соответствовала рендерингу IE.Иногда новые браузеры слишком прощают ошибки, поэтому вы их не ловите.

Answer 2

В вашем html вы можете использовать специальные CSS только для того, чтобы другие браузеры просто игнорировали:

<!--[if lt IE 9]>
<style type="text/css">
 your css here

</style>
<![endif]-->

Answer 3

Вы можете просто создать еще один раздел стилей для IE, используя * + hack.IE:

*+.signin{
 .....
}