[RESOLU] Cadre avec propriété width à coté d'un float sous IE.

Bonjour.
Premierement merci pour ce forum où j'apprends énormément de choses.
J'ai un petit (j'espère) problème d'affichage sous IE.
Je veux mettre un div à coté d'une image qui est flottante. Jusque là pas de problème sauf quand j'attribut une largeur à ce div.
J'ai cherché et j'ai trouvé ce lien http://test.blog-and-blues.org/haslayout/tests/float4.html qui explique que sous IE ca ne marche pas.
Est ce qu'il y a une solution à mon problème ? Je vous donne quand même un lien pour que vous puissiez voir ce problème. http://jcpas.free.fr/cadre/
Merci beaucoup.
A bientôt.
Modifié par Jcpas (15 Feb 2007 - 20:13)

Toujours pas d'idées.
Voici en bref le squelette de mon code, si ca peut vous aider.

<div style="background-image:url(img.jpg); position:relative; width:720px;">
    <img alt=" " src="img.jpg"><br />
    <div style="background-image:url(img.jpg); position:relative;">
        <img alt=" " src="img.jpg" style="float:left;"><br />
	<div style="position:relative; width:590px;">
            Texte à afficher à coté de l'image.
	</div>
        <div style="clear: both; visibility: hidden;height:1px"> </div>
    </div>
    <img alt=" " src="img.jpg" width="100%" height="19px"><br />
</div>

Bonsoir,

Un petit point de méthode, pour commencer : ta page n'a pas de Doctype (indispensable pour faire les choses correctement... à moins de savoir très précisément ce que l'on fait et d'en assumer les conséquences), et tous tes styles sont directement dans le code HTML (via l'attribut HTML style), au lieu d'être dans une feuiille de style (externe ou interne).

Je commencerais déjà par changer ça.

Ensuite, concernant ton problème : pourquoi donc donner une largeur fixe au bloc de texte en question ? Ça n'est pas nécessaire.

Merci pour ta réponse.
Concernant le Doctype, je vais arranger ca.
Pour la feuille de style, t'inquietes c'est prévu, la j'etais juste en train de tester un moteur de templates (Smarty) donc j'ai fait sans feuille de style pour aller plus vite.
Pour la taille, je suis obligé car les images ont 50px de plus sur la droite et 60px sur la gauche. J'ai fait ca pour que les cadres soient toujours allignés qu'il y ait un soldat à gauche ou à droite.
Mais en tout cas, merci encore pour ta réponse.

C'est bon j'ai fait sous forme de css.
Pour le Doctype, j'ai choisis le XHTML 1.0 strict.
Tu avais raison je n'avais pas besoin de largeur pour le div. J'ai mis un padding-right de 60 px et ca marche !!

Maintenant j'ai un autre problème, ca me mets un espacement entre les éléments contenus dans le div.
Pour voir ca, vous pouvez aller sur ce lien.

Merci.

Edit : oups j'ai appelé au secours trop vite, j'ai trouvé la solution j'ai mis un vertical-align pour mes images. Solution trouvée ici.
Modifié par Jcpas (15 Feb 2007 - 16:39)