Probleme avec float et clear sous IE

Bonjour,

sous IE, ma page part complètement en vrille
alors que sous Fx, c'est nickel et cela parait logique quand on lit les propriétés de float et de clear

ou alors j'ai loupé un truc ou IE est trop chiant (^^)

avez vous une idée , un astuce pour résoudre ce pb ??

la page ici : http://sane79.free.fr/test/design.htm
le css ici : http://sane79.free.fr/test/style.css

cela concerne les balise h5 et p

merci de votre aide
Modifié par sane79 (17 May 2006 - 11:03)

Salut !

p
{
  width : 350px;

float : right;
clear : right;

  font-size : 0.7em;
  min-height : 55px;
  border : 1px #cfcfcf solid;
  background-color : #F8F8F8;
  margin : -71px 487px 7px 77px;
  padding : 3px;
  text-align : justify;
  -moz-border-radius : 7px;

}
h5
{
  width : 55px;
  height : 55px;
  border : 1px #cfcfcf solid;
/*  background-color : #E8E8E8;*/
  
  float : none;
  clear : left;
  
  font-size : 0.6em;
  text-align : center;
  color : gray;
  margin : 7px;
  padding : 3px;
  border-bottom-width : 2px;
  border-right-width : 2px;
   -moz-border-radius : 10px;
}

bonjour,

englobe chaque <h5> et <p> associés dans un div par exemple,
le clear:right; de <p> n'a aucune incidence (rien ne float a droite ).
ex:

<div class="boite-no-bug-ie">
<h5 class="annee06">Mercredi<span>17</span>Mai</h5>
<p>Englobage de la date et de sa news dans un div [langue]<br>Aucune regles css ne sont necessaires.</p>
</div>

I6 et inferieur ne connaisse pas le min-height, mais IE 7 oui (tu peut prevoir le min-height pour Ie en height:55px; avec les commentaires conditionnels filtrant IE 7 et les autres ).
Explications dans la faq: http://forum.alsacreations.com/faq/#item53

++

Salut,
(Zut grillé pendant que je faisais des tests, je rejoins donc la solution de gcyrillus.)

Il te suffit de rajouter ce genre de chose :

<div class="conception">
[#gray]
   <h5 class="annee06">Lundi <span>24</span> Avril</h5>
   <p>Je change la skin 'winter' (...) Mozilla Firefox</a>.</p>
[/#]
</div>

(Juste en passant, pourquoi tu as déjà un H5, sans avoir de H1/2/3/4 ?
Mieux vaut utiliser un h1/2 - exemple :

.conception h1/2 {
   (bla bla bla...)
   }

Modifié par (17 May 2006 - 12:48)

Ralfman68 > ta technique fonctionne effectivement mieux sous IE
mais par en vrille maintenant sous Fx

gcyrillus > je ne voudrais pas englobé tout cela dans un div

> effectivement , erreur de syntaxe je vais corriger cela