Difference css entre IE et mozilla[RESOLU]

imotep

30 Jun 2005 à 23:54

bonjour,
j'ai pu remarquer une difference entre les 2 navigateurs nottement concernant ce style là !



.menu{
float: left;
margin-right: 6px;
}

.menu cite{
display: block;
padding: 2.2em 0 0 5px;

}

<div class="menu" >
<img src="" alt="" class="image"/><cite>ici sera mon texte explicatif</cite>
<br />
</div>

Voilà en faite mon block cite se comporte bizarement puisque sous mozilla il ne prend pas toute la valeur reste (largeur block menu - largeur image), sous Ie c'est impecable par contre...
Modifié par imotep (01 Jul 2005 - 21:35)

naholyr

1 Jul 2005 à 01:21

J'ai la même chose sous IE et Mozilla (à part la façon de rendre les images inexistantes) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
<style type="text/css">
/*<![CDATA[*/
.menu{
float: left;
margin-right: 6px;
background: red;
}

.menu cite{
display: block;
padding: 2.2em 0 0 5px;
background: blue;
}

/*]]>*/
</style>
        <title></title>
    </head>
    <body>
        <div class="menu">
            <img src="" alt="" class="image" /><cite>ici sera mon texte explicatif</cite><br />
        </div>
    </body>
</html>

imotep

1 Jul 2005 à 10:37

ha oui en revérifiant c'est bon.... Smiley biggol

je ne voulais pas mettre de largeur a cite mais implicitement je l'avais mise Smiley fache

merci