Compatibility issue with IE6 and my StyleSheet

IE6 compatibility issue

[rigolman]

Hello everybody,

I have a big compatibility issue with IE6 although it works well with IE7 and Firefox!

Below the screenshot with the good page (IE7 Firefox):<>
Below the bad screenshot (IE6):<>

For exemple, I can give you a part of my code:
CSS:

/*Informations Box*/ 
.user{height:auto;}
.photo{float:left;margin:15px;margin-right:10px;border:1px solid #dedcd4;max-height:52px;width:52px;}
.photo img{border:1px solid #fff;}
.name{float:left; margin-top:15px;}

HTML:

<div class="user">
<div class="head"><h1>tab</h1></div>
<div class="photo"><img src="images/alab.gif"/></div>
<div class="name">Male<br/>26, Paris<br/><img src="images/stars.gif"/></div>
</div>

I tried this:

.photo{
float:left;
margin:15px 10px 15px 15px;
display:inline; /*règle le Dbl float margin bug*/
border:1px solid;
}

But I still have many issues!

It seems to have the issue with all the negatives margin which are not taken into account in IE6...

Other code exemple:

<div class="bann"><img src="images/details/bann.jpg"/></div>

.bann {width:728px;margin:15px 0 0 12px;}

With negative margine:

#chapo{position:relative;width:98px;height:100px;float:right;background:url(chapo.png) no-repeat; margin-right:-65px; margin-top:1px;z-index:10;}

<div id="header">
<div id="logo"><a href="#"><img src="images/logo.png"/></a></div>
<div id="chapo"></div>
</div>

If you could help me on this because I am stuck since several days...

Thanks a lot,

[edited by: SuzyUK at 9:42 pm (utc) on June 27, 2008]
[edit reason] please no screenshots [/edit]

[4css]

Hi rigolman
Welcome to WebmasterWorld!

Try adding a clear: both; to your floats. This should help you out with IE6.

btw, please take time to read the Forum Charter for CSS [webmasterworld.com] It will explain how to post, and that you aren't able to post links, even though they are test links.

Just a brief quote from the charter for your review:

Linking: We do not post "test pages", "examples", or personal URLs of any nature. We prefer to educate by giving people authoritative resources and prevent any possible conflicts of interest. Furthermore, links may change, rendering the thread useless to someone a few months, or even weeks, from now. Verbalized problem descriptions will be useful for years to come! And please, no Web Design Company links: half our members have one

If you are still able to edit your post, please remove your links. Thanks.

4~css

[rigolman]

Thanks 4CSS and sorry but I can't edit my post anymore...

I'll test what you suggested me right now. Thanks for your reply... I'm tired because of this issue !