28172 sujets

CSS et mise en forme, CSS3

Firefox VS IE....[Résolu]

Bonjour à tous,

J'ai fait une petite page en utilisant les blocs CSS.
Sur Firefox tout va bien, mais avec IE, zut de flute, ça ne colle pas... (conteneur non centré et vilaine barre moche en dessous du logo.

Le résultat est visible ici :
http://www.belpois.com/essai/

Et voici mon css :

#conteneur {
width:1000px;
margin:0 auto;}
#header {-moz-border-radius : 15px;
background-image:url(./images/fond_haut.jpg);
color : white;
background-repeat:repeat-x;}
#logo {margin : 0px;}
#wrap {overflow:hidden;margin : 0px;
background-image:url(./images/fond_menu.jpg);
background-repeat : repeat-y;
}
#sidebar {float:left; width:180px;
}
#contenu {margin-left:170px;background-color : white;padding: 10px;color:black;}
#footer{
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background-image:url(./images/fond_mentions.jpg);

text-align : center;
color : white;
background-repeat:repeat-x;}

J'enrage !

Pouvez vous m'aider pour que j'obtienne la même chose sur les 2 navigateurs ?
Merci d'avance

Isabelle
Modifié par isabelle_b (31 May 2010 - 08:49)
Essais faits, au niveau du centrage, juste un <center> résoud le problème, mais il semble que la barre moche vient du bloc "logo".. J'ai mis un background rouge pour voir et j'ai une barre rouge en bas de l'image sur IE et en haut sur Firefox...
Une idée pour me sauver la vie ??

Merci...
Administrateur
moust a écrit :
De plus les div "contener" et "header" ne sont pas fermé.

Je ne suis pas sûr qu'il faille le faire en HTML4 transitionnel
Bon, les enfants, ca roule...
J'ai mis :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

J'ai fermé le div header qui ne l'était pas en effet (le conteneur était ok), j'ai modifié sa hauteur et c'est parfait.

Cela vous semble t il politiquement correct ?

Merci à tous de votre aide.

Isabelle
isabelle_b a écrit :
Bon, les enfants, ca roule...
Smiley rolleyes

isabelle_b a écrit :
Cela vous semble t il politiquement correct ?
Rien de politique là dedans, c'est juste correct. Le HTML c'est comme le français, tu peux le tronquer (langage SMS / ton ancien doctype) ou tu peux l'écrire en suivant sa syntaxe et sa grammaire.

Si ton problème est [résolu], merci de l'indiquer dans le titre de ton premier message.
Sujet clos
Aller à