CODEWITHSUNDEEP
csscss-float
Assad Nazar
Assad Nazar

Reputation: 1464

CSS problem in IE 6 and 7

Kindly visit the following website:

property.consultfinman.com

You must have seen the problem, if you are using IE 7 or IE 6. My page is loading fine in FF, IE8, Safari and Google Chrome. But in IE7 floats are not positioned where they are intended to be positioned. and in IE6 everything is shuffled.

Any solution for this problem (keeping in mind that i am not a css guru).

Thanks

Upvotes: 3

Views: 153

Answers (2)

studiomohawk
studiomohawk

Reputation: 420

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

As for bottom of your design, I have no idea why you specify background-color: #000000; at .featured-content

This is the reason why you have black background on IE6 and IE7, I can't tell which bug but I'm pretty sure it's something to do with float.

Hope this helps.

Upvotes: 2

enthusiastic
enthusiastic

Reputation: 742

You can check the browser using this

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

see http://www.quirksmode.org/css/condcom.html

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

Upvotes: 0

Related Questions