Float:left et retour à la ligne sous firefox[contourné]

bonjour,

Je cherche depuis un moment , mais je trouve pas!

sous IE (beaucoup de pb mais pas celui là) pas de pb j'ai bien un retour à la ligne, avec mon float:right si la ligne est trop longue. mais pas sous firefox.

voir la capture firefox)
http://stephbush.free.fr/images/pb_retour_float.gif
(ie)
http://stephbush.free.fr/images/pb_retour_float_ie.gif

donc, pour firefox, pb : "Catalogue de la boutique au format PDF" ne s'adapte pas!! sous i e pas de pb. ??

par contre : j'ais mis un petit code pour faire un petit trait de design de couleur.

<!--[if !IE]> <--><div style="background: #6c48d1; height: 6px;"> </div><!--> <![endif]-->

si , je le met sur ie , ca detruit tout , ca prend toute la page .
donc comment faire autrement.

pour info : mon code css :

.pur_menu {
  border: solid 1px #6c48d1;
  padding: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #9a9a9a;
  height: auto;
  overflow: auto;
}

.pur_float_menu {
   float: left;
   border-right: dotted 1px;
   padding-right: 5px;
   padding-left: 5px;
}

A.pur_lien, span.pur_lien {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #9a9a9a;
}

A.pur_lien:hover, span.pur_lien:hover {
  color: #AABBDD;
  text-decoration: none;
}

.pur_title {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #6c48d1;
}

et dans le code php , j'utilise des div...

voila, je bloque complet , merci d'avance,

a+

à oui j'oubliais,
"vos 2 amis... la recherche"
j'arrive pas à faire une recherche sur "Float:left" && "ligne"
sur les deux dans les commentaires, sans que ce soit une expression "Float:left ligne" .
bye
Modifié par stepibou (23 Oct 2005 - 16:17)

Salut,

J'avais le même problème que toi, et je l'ai résolu de la manière suivante :

 .rubrique a{
display: block;               /* autorise l'écriture sur deux lignes si le lien dépasse la largeur autorisée */
width: 176px;                 /* largeur du rectangle dans lequel doivent s'écrire les liens */
 }

De cette manière, mes liens s'inscrivaient sur deux lignes lorsque ceux-ci dépassaient la largeur définie. Cela marche sous IE et sous Firefox.

Voilà...

Salut,
Merci quand meme,
Mais perso, je ne veux justement pas une taille fixe,
mais quelque chose qui s'adapte à la fois à la taille du texte,
et à la taille de la fenetre ... (mode fluide)
Voila, si qq 'un a une autre idée;

bye

bon,

j'ai contourné le pb,

dans la derniere box fautive du menu horizontal,
j'ai mis

float: none;
overflow:auto;

et je l'ai aligné à droite...

mais bon , si qq'un a une solution direct, chu preneur!

Salut,

Pas de taille fixe certes, mais as-tu essayé de mettre des valeurs en pourcentage ? Cela te permet à la fois de tester la technique de Cygnus (width) ainsi que de conserver la fluidité…

Tiens nous au courant.

Modifié par zzzazzz (24 Oct 2005 - 09:31)