[CSS] Ca marche avec Firefox mais pas avec IE... Comment faire ?

Ca marche avec Firefox mais pas avec IE... Comment faire ? [CSS] - HTML/CSS - Programmation

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 :/

Reply

Marsh Posté le 20-08-2004 à 20:54:23   

Reply

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

Reply

Marsh Posté le 20-08-2004 à 21:25:27    

URL ?
 
Arf trop tard. Je regarde.


Message édité par gm_superstar le 20-08-2004 à 21:26:06

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-08-2004 à 21:38:12    

merci :jap:

Reply

Marsh Posté le 20-08-2004 à 21:41:19    

Reply

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 :D

Reply

Marsh Posté le 20-08-2004 à 21:59:17    

Et alors ? Il y a bien un espace à droite...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-08-2004 à 22:02:37    

c'est vrai ça :D
bon, je l'enlève :)

Reply

Marsh Posté le 20-08-2004 à 22:03:47    

t'ain ! pis ça a résolu mon problème :love:
 
merci beaucoup
 
je comprendrai décidément jamais rien aux bugs de IE avec les CSS :D

Reply

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


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-08-2004 à 22:05:14   

Reply

Marsh Posté le 20-08-2004 à 22:05:55    

Bin 60% (width) + 22% * 2 (margin) = 104%.
Crack boum.

Reply

Marsh Posté le 20-08-2004 à 22:09:20    

Meerthyl a écrit :

Bin 60% (width) + 22% * 2 (margin) = 104%.
Crack boum.


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


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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. :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed