Discussion :

[ned-flanders]

bonjour,

voici un bout de mon site:

Code :

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

1
2
3
4
5
6
7
8
9
10
html:
<div id="cadre">
<div id="image"><img src="maphoto"></div>
<div id="texte">blablabla...</div>
</div>

css:
#cadre{ border-size:2px; }
#image{ float:left; }

Le probleme est que si le texte (blabla...) est trop cours, l'image depasse de le bordure du div "cadre".
Je retrouve ce probleme souvent, j'ai essayé de mettre un min-height pour le cadre mais cela ne fonctionne pas sous ie...
La seul solution est de faire un tableau avec 2 colonnes, mais il n'existe pas de solution plus "propre"?

D'avance merci pour votre aide!!

[Dan_A]

Quelques explications en anglais : http://garyblue.port5.com/webdev/floatdemo.html

[ned-flanders]

Excellent! Il me suffirait donc de rajouter cette ligne en rouge:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
html:
<div id="cadre">
<div id="image"><img src="maphoto"></div>
<div id="texte">blablabla...</div>
<div style="clear:both;"></div>
</div>

css:
#cadre{ border-size:2px; }
#image{ float:left; }

Merci beaucoup pour cette aide precieuse, je vais tester tout ca!

[ned-flanders]

c'est exactement ca! merci beaucoup Dan_A!