CSS issue in IE 6 and 7

Question

Please visit the following website:

property.consultfinman.com

You are probably facing the problem if you are using IE 7 or IE 6. My page loads in FF, IE8, Safari and Google Chrome. But in IE7, the floats are not located where they are intended to be placed. and in IE6 everything is shuffled.

Any solution to this problem (bearing in mind that I am not a css guru).

thank

Answer 1

Many of your IE6 errors are caused by a double-field error, which is used when using float and margin in the same direction, ex { float: left; margin-left: 10px; }, IE6 magically doubles the value. So you need to add *display: inline;where you need to use float and margin in the same direction.

, , 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/