28221 sujets

CSS et mise en forme, CSS3

Bonjour!

Voilà un test que j'ai fait pour me mettre aux css et qui devrait me servir de point de départ pour mon site

le site

Sous Mozilla il est exactement comme je veux mais sous IE le menu et le texte sont collés à la bannière et impossible de les décoller de là. Le fichier css est visible depuis le 2ème lien dans le menu.

Quelqu'un peut-il m'expliquer ce qui ne va pas?

(Je suis vraiment débutant et j'ai pas lu à fond tout les tutos, excusez moi si la réponse est dedans, j'ai regardé ceux qui pouvaient correspondre mais j'ai rien trouvé)

Mu
Modifié le 04 Nov 2004 - 14:02
eman73 a écrit :
c'est du à la position fixed que tu as attribué à tes trois blocs, internet explorer ne les interpretes pas correctement

tu devrai utiliser d'autre methodes de positionements

http://openweb.eu.org/articles/initiation_flux/

http://openweb.eu.org/articles/initiation_float/

http://openweb.eu.org/articles/initiation_absolue/


Nickel ça marche avec Absolute.Merci beaucoup! C'est bizarre j'avais déjà essayer mais ça foirait pas mal...Enfin bon l'essentiel c'est que ça marche maintenant.

Une autre question toutefois : sous IE, ma bannière n'est pas collée au bord supérieur gauche de l'écran alors que Mozilla si et quand je met Absolute Mozilla copie IE...est ce que le coin en haut à gauche n'est pas à 0,0?

Mu, content
Administrateur
chevalier mu a écrit :

Une autre question toutefois : sous IE, ma bannière n'est pas collée au bord supérieur gauche de l'écran alors que Mozilla si et quand je met Absolute Mozilla copie IE...est ce que le coin en haut à gauche n'est pas à 0,0?

Tu as dû laisser les marges par défaut sur le document, il faut les supprimer :


body {margin:0;}
Raphael a écrit :

Tu as dû laisser les marges par défaut sur le document, il faut les supprimer :


body {margin:0;}


Merci!!

Ca marche sous IE mais maintenant Mozilla la décale vers le bas....BOUHOUHOU!!!!!!
Smiley bawling

Mu
Juste une petite précision, pour oter les marges par défaut du body je met plutot:


body {
  margin:0;
  padding:0;
}


C'est pour les navigateurs qui utilisent un padding à la place de marge (comme Opera).
Heuuuu toutes mes confuses, j'avais fait une faute de frappe (absolue) au lieu d'absolute...encore sorry pour le dérangement ^^;;;

Mu, qui comprends pas pourquoi TopStyle ne dit rien contre les fautes