Проблема CSS в IE 6 и 7

Question

Пожалуйста, посетите следующий веб-сайт:

property.consultfinman.com

Вы, наверное, видели проблему, если вы используете IE 7 или IE 6. Мойстраница загружается нормально в FF, IE8, Safari и Google Chrome.Но в IE7 поплавки не расположены там, где они предназначены для позиционирования.и в IE6 все перемешано.

Любое решение этой проблемы (помните, что я не гроссмейстер CSS).

Спасибо

Answer 1

Многие из ваших ошибок IE6 вызваны ошибкой двойного поля, когда вы используете float и margin в одном направлении, например, { float: left; margin-left: 10px; }, IE6 магически удваивает значение.Поэтому вам нужно добавить *display: inline; там, где вам нужно использовать float и margin в одном направлении.

Что касается нижней части вашего дизайна, я понятия не имею, почему вы указываете background-color: #000000; в .featured-content

Это причина того, что у вас черный фон в IE6 и IE7, я не могу сказать, какая ошибка, но я уверен, что это как-то связано с float.

Надеюсь, это поможет.

Answer 2

Вы можете проверить браузер, используя этот

<!--[if lt IE 6]>
    <style>
        //your style
    </style>
<![endif]-->
<!--[if lt IE 7]>
    <style>
        //your style
    </style>
<![endif]-->

см. http://www.quirksmode.org/css/condcom.html

http://www.maratz.com/blog/archives/2005/06/16/essentials-of-css-hacking-for-internet-explorer/