Page XHTML/CSS ne fonctionne pas sous firefox

Résolu/Fermé
Elindorath - 4 oct. 2009 à 23:28
Elindorath Messages postés 8 Date d'inscription dimanche 4 octobre 2009 Statut Membre Dernière intervention 19 avril 2012 - 5 oct. 2009 à 00:56
Bonjour à tous,

J'ai un souci sur ma page internet dans firefox, qui s'affiche pourtant correctement dans IE7, et je ne sais pas d'où ça vient. Je me tourne donc vers vous et vos résolutions de problèmes efficaces et rapides.

Donc voici mon code CSS :

body
{
margin: auto;
margin-top: 0;
padding: 0;
background-image: url("images/back.jpg");
}


#header1
{
float: left;
width: 547px;
height: 232px;
background: url("images/headerl.jpg") no-repeat;
margin: 0;
}


#header2
{
width: auto;
height: 232px;
background: url("images/headerc.jpg") repeat;
margin: 0;
}


#header3
{
float: right;
width: 486px;
height: 232px;
background: url("images/headerr.jpg") no-repeat;
margin: 0;
}


#menutop
{
background: url("images/menutop.jpg") repeat;
width: auto;
height: 57px;
margin: 0;
}


ul#menu
{
width: auto;
height: 25px;
margin: 0;
padding: 0;
list-style-type: none;
background: url("images/menu.jpg") repeat;
}


ul#menu li
{
display: inline;
height: 1.6em;
padding: 0 0.5em;
background-color: #000000;
border: 2px white solid;
list-style-position: inside;
}


li.buttonleft
{
float: left;
}


li.buttonright
{
float: right;
}


#corpshaut
{
width: auto;
height: 636px;
z-index: 20;
margin: 0;
padding: 0;
background: url("images/corpshaut.jpg") repeat;
}


#footer
{
z-index: 20;
margin: 0;
padding: 0;
}

________________________________________________
Voici ce que ça m'affiche dans firefox :
http://img188.imageshack.us/img188/5254/sitefirefox.jpg

Et la même page avec le même code dans IE7 :
http://img223.imageshack.us/img223/705/siteie7.jpg

En attendant votre aide précieuse.
Merci d'avance.
A voir également:

3 réponses

Voila où le sujet a déjà été traité : https://forums.commentcamarche.net/forum/affich-4434202-probleme-css-firefox-ie-different

En espérant que ca t'aide un peu ...
0
Elindorath Messages postés 8 Date d'inscription dimanche 4 octobre 2009 Statut Membre Dernière intervention 19 avril 2012
4 oct. 2009 à 23:51
D'abord merci de prendre un peu de temps pour m'aider.

Malheureusement, j'ai déjà lu ce post ainsi que le lien qui a été donné en réponse.

Mon problème est inverse : la page s'affiche correctement sous IE mais pas sous firefox. Et comme j'essaye de faire un site au design un minimum extensible, ça me paraît difficile d'ajuster les cadres spécialement pour firefox sans que le design ne vole en éclats.

Je m'attendais à ce que se soit IE qui plante ma page, pas firefox ^^.

N'hésitez pas à me demander des détails si vous pouvez m'aider.

Merci.
0
Elindorath Messages postés 8 Date d'inscription dimanche 4 octobre 2009 Statut Membre Dernière intervention 19 avril 2012
5 oct. 2009 à 00:56
J'ai réussi !

J'ai fait différent test jusqu'à celui-ci :
J'ai mis en tout début de css :

*
{
margin: 0;
padding: 0;
}

Et là, miracle, tout est bon, que se soit dans firefox ou IE !
D'ailleurs je ne comprend pas pourquoi ça marche comme ça, et pas en mettant les margin et padding à zéro à chaque bloc individuellement.
Quelqu'un pourrait-il me répondre, parce que je préfère comprendre et avoir le contrôle sur ce que je fait.

Merci.
0