Le code css
Code :
- #sidebarleft {
- position:relative;
- float:left;
- width: 150px;
- margin:0;
- border:1px solid #dae0eb;
- border-top:none;
- }
|
Le code html
Code :
- <div id="sidebarleft">
- <img src="img-de-150px-de-large" alt"img" />
- <h2>Menu</h2>
- <ul id="menu">
- <li>elt 1</li>
- <li>elt 2</li>
- </ul>
- </div>
|
Le résultat est que pour ce même code sur deux pages situées a deux niveaux de rep différents, un espace de 2px de large apparait autour de l'image sur l'une alors que tt apparait correctement sur l'autre. Ca me le fait aussi sur ma colonne de droite, code similaire.
Je résume volontairement, je n'attend pas une solution miracle, juste savoir si j'hallucine ou si quelqu'un a déjà été confronté à ça. Je connais a peu près tous les bugs de ce p** d'IE sur le rendu CSS, mais là ...
Je peux pas mettre d'exemple en ligne pour l'instant, c'ets un site pro en cours de dev, mais si vraiment personne n'a jamais vu ça, je prendrais le tps de le faire..