SELFHTML

Forum SELFHTML: Archives:
Problème de Float

Page d'information: vue d'ensemble
vers le bas 

(CSS) Problème de Float

Le message suivant est de: Mathieu, Adresse électronique mygal81@hotmail.fr, 13. 12. 2005, 18:00

Bonjour,
 j'essaie de manipuler l'atribut float pour les images, et suis confronté a un problème.
Voici le code:

<html>
<head>
<style type="text/css">
.Cell { border: 1px solid; border-color: #330066; background-color:#FFF; padding:0; spacing:0; margin:0;}
.Texte1 {font-family : 'Trebuchet MS', serif; font-weight:normal;  font-size: 16px; margin:4px }
</style>
</head>
<body >
<table border="0" cellpadding="0" cellspacing="0" class="cell">
<tr valign="top"><td style="width:574px;">
<img src="gif.gif" width="492" height="33" style="display:block;float:left; align: left">
<img src="jpg.jpg" width="80" height="90" style="display:block; float:right;">
<div class="Texte1">bla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla<br><br> bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla bla blablabla bla bla bla </div>
</td></tr></table>
</body>
</html>

Sous Firefox bien evidemment, ca marche, mais sous IE qui ajoute de smarges autour de mon image, a laquelle je suis obligé d'ajouter un style="margin:-3px": incroyable.

Quelqu'un aurait une idée pour contrer ce soucis ?

merci beaucoup !


 
vers le hautvers le bas 

(CSS) Problème de Float

Le message suivant est de: Dieter Raber, 18. 12. 2005, 11:10

Salut,

Le problème avec les marges autour l'images, c'est un bug de IE. La solution est d'avoir tout le code source pour les images dans une ligne.

Dieter


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org