Page XHTML/CSS ne fonctionne pas sous firefox

Résolu
Elindorath -  
Elindorath Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   - 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

Stanou
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention  
 
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