Bonjour à tous,
 
Je développe actuellement un theme wordpress pour mon blog.
Il est donc classiquement composé d'un div contenant tout, un div pour la colonne de texte, un div pour le header et un div pour la sidebar.
J'ai checké le code, il est conforme au W3C recommendations.
Je veux intégrer une image sur la sidebar, ce que je fais avec un widget texte.
Sur FF, le tout s'affiche correctement.
Sur IE 6/7, le CSS est déformé car il additionne une marge après l'image, donc ca agrandit le cadre css de la sidebar, et donc la sidebar s'affiche en dessous de la colonne de contenu.
J'ai essayé tout un tas de bugfix locaux :
 
CSS de la sidebar

 
code html de mon wiget texte contenant une image :
(oui je sais c'est dégueulasse, ca montre tout ce que j'ai essayé et qui ne marche pas)
 

 

 
merci

Ça ne ressemblerait pas à ce bug là :
 
http://www.positioniseverything.ne [...] oxbug.html

merci pour le lien, je ne l'avais pas trouvé, je te tiens au courant
 
a+

Bon j'ai trouvé la solution, en virant pas mal d'attributs ajoutés à l'arrache et en mettant une marge négative de -10px à droite ca marche.
 
En gros j'ai viré le max de marges dans le css de la sidebar pour les rajouter ensuite plus précisément sur les éléments dont j'avais besoin. Comme l'image héritait toujours de 10px de marge à cause de son inclusion dans un paragraphe, j'ai rajouté une marge négative à gauche, et une marge négative à droite pour compenser le bug d'intershit explorer.
 
Le IE escaping float bug ne me concernait pas mais j'ai laissé ca dans le css (putain ca fait perdre un max de temps cette bouse d'ie, c'est insupportable )
 
Mais maintenant j'ai un autre bug :
 
Malgré le "clear:both" dans le css du footer, il vient s'accrocher quand même sur une colonne, dans ie bien sur.
Dans FF c'est nickel (code checké w3c) :
 

 
J'ai testé des bugfix divers style :
http://www.quirksmode.org/css/clearing.html
http://archivist.incutio.com/viewl [...] cuss/70313
 
Au pire je passerai par une faux column mais j'aimerais éviter cela s'il existe une solution plus simple.
 
Si vous avez une idée...

bon encore une fois j'ai trouvé la solution :

 
Pour les commentaires en anglais, je bosse comme ca...
 
A+

a noter que float:center n'est pas reconnu comme valable par le CSS W3C...