Img en float left et paragraphe a coté ?

Bonjour voici mon code le style est direct dans le html pour faire court...)

<div style="width:100%;background:#cccccc;overflow:auto;">
		<img class="gauche" etc...>
		<h3>titre</h3>
		<h4>soustitre</h4>
		<p>du texte</p>
	</div>

Sous firefox, aucun problème mon paragraphe s'affiche bien a coté de l'image puis s'écoule en dessous. Sous IE celui-ci s'affiche en bas ! il faut que j'ajoute un display inline au paragraphe pour que le comportement sous IE soit le même que sous firefox. Je comprend pas ce qui se passe merci d'éclairer ma lanterne
Modifié par Parmenioneyes (11 Oct 2006 - 19:06)

haslayout ?

Au lieu du display inline, tu peux essayer de metter un height: 1%, ça marche aussi, et souvent ça te sauve la vie

FlorentG a écrit :
haslayout ?

Au lieu du display inline, tu peux essayer de metter un height: 1%, ça marche aussi, et souvent ça te sauve la vie

Non j'ai éssayé le height:1% ca ne fonctionne pas mais peu importe. Je comprend pas du tout le comportement. Avec une image en float:left pourquoi les éléments de type h qui sont de type bloc s'affichent bien a coté de l'image mais pas le paragraphe ? il est supposé avoir le même comportement! c'est un bug d'IE ? ou y a un truc qui m'échape ?

Bon voila finalement une autre solution : réorganisation du code

<img style="float:left"  etc.../>
  	<div>
	<h3>titre</h3>
		<h4>sous titre</h4>
		<p>paragraphe</p>
   </div>

ca fonctionne mieux comme ca dure dure de débuter

Maintenant d'un côté sémantique/structurel, c'est peut-être un peu moins bon