Discussion :

[maysam]

Bonjour à tous

html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<ul class="tree">
 <li class="myLi">
   <div class="div1">.....</div>
   <div class="div2">.....</div>
   <div class="div3">.....</div>
</li>
</ul>

css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.div3 {
display:block;
float:right;
}

div3 est composé de plusieur div.
div1 et div2 sont en float left et div3 en float right et les 3 div sont sur la même ligne et quand div3 est trop long il se met directement sur une deuxième ligne.

mon problème c'est que sous IE7 même si div3 est trop long son contenu(ses div) est mis sur la même ligne que div1 et div2 et le reste de son contenu est mis sur une 2ème ligne.

merci d'avance pour votre aide.

[c_s_s]

Bonjour,

Il faudrait les codes HTLM et CSS complets. Ou une page en ligne.


PS : pas la peine de préciser display:block pour un élément flottant.

[maysam]

merci pour ta réponse

Toue est généré (selon les données) via des fichier javascript en utilisant des plugin jQuery donc j'ai pas vraiment de code html pareil pour les css j'utilise mes css plus celle de jQuery.
ma question c'est comment forcer un div à se mettre sur une 2 ème ligne si son contenu est trop grand.

merci encore

[CCyrillus]

bonjour,

generalement en laissant l'element dans le flux (pas de float) et en modifiant son contexte de formatage/layout avec par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.div3 {overflow:hidden;zoom:1; float:none;}

GC

[Ildegarde]

bonjour,

generalement en laissant l'element dans le flux (pas de float) et en modifiant son contexte de formatage/layout avec par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.div3 {overflow:hidden;zoom:1; float:none;}

GC

Je complèterais en ajoutant qu'un nettoyage préalable ne serait pas superflux...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.div3 {clear:both; etc.}