Ca marche avec Firefox mais pas avec IE... Comment faire ? [CSS] - HTML/CSS - Programmation
Marsh Posté le 20-08-2004 à 21:23:22
Point peut-être important (?).Lapage est flagguée XHTML 1.0 Strict (j'ai souvenir que les bugs d'IE sont différents d'une norme XHTML à l'autre)
http://membres.lycos.fr/magicbuzz/ [...] U&sigtie=1
Marsh Posté le 20-08-2004 à 21:25:27
URL ?
Arf trop tard. Je regarde.
Marsh Posté le 20-08-2004 à 21:41:19
Tu n'as pas besoin de margin-right.
Marsh Posté le 20-08-2004 à 21:42:56
gm_superstar a écrit : Tu n'as pas besoin de margin-right. |
Si, parceque y'aura un autre menu de 20% à droite
Marsh Posté le 20-08-2004 à 21:59:17
Et alors ? Il y a bien un espace à droite...
Marsh Posté le 20-08-2004 à 22:03:47
t'ain ! pis ça a résolu mon problème
merci beaucoup
je comprendrai décidément jamais rien aux bugs de IE avec les CSS
Marsh Posté le 20-08-2004 à 22:05:14
IE gère très mal les flottants
Ton problème était vaguement lié à ça : http://www.positioniseverything.ne [...] ugs-1.html
Marsh Posté le 20-08-2004 à 22:09:20
Meerthyl a écrit : Bin 60% (width) + 22% * 2 (margin) = 104%. |
C'est le calcul que fait IE, mais en fait c'est faux. margin-right doit être écarté du calcul : http://www.yoyodesign.org/doc/w3c/css2/visudet.html#q6
Marsh Posté le 20-08-2004 à 22:12:42
Oui, d'où bug. C'est bon à savoir pour l'éviter la fois d'après.
Marsh Posté le 20-08-2004 à 20:54:23
J'ai deux blocks DIV.
Voici les styles appliqués :
#cadreMenu
{
width: 20%;
float: left;
}
#cadreContenu
{
width: 60%;
margin-left: 22%;
margin-right: 22%;
}
Sous Firefox, le "cadreContenu" se met bien à gauche du "cadreMenu".
Mais sous IE, s'il est en effet décalé comme demandé, il est en dessous.
Comment faire ?
J'ai mis des padding à la place des margin, j'ai mis des display: block, des clear: none; rien n'y fait