Problème css entre IE et mozilla

Bobbar -  
garion28 Messages postés 1545 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Voila mon problème est le suivant :
J'ai développé un site web www.aideauxfamilles.fr qui s'affiche correctement sous Internet explorer mais pas sous les autres navigateurs.
Autre problème: le pied de page ne se met pas tout le temps en bas du menu, il remonte des fois sous le corps quand celui ci est trop court.
Voici ma feuille de style CSS :

/* modifie l'apparence des pages*/
<style TYPE="text/css">
<!--
A:link {color: #000000; /*text-decoration: none*/}
A:visited {color: #000000; /*text-decoration: none*/ }
A:hover {color:#000000; text-decoration: none}

-->
</style>
body
{


width: 990px;
margin: auto;
background-image: url("images/degrade_vert_logo.jpg");
}

#en_tete
{
width: 990px;

margin-bottom: 10px;



}
#menu
{

float: left; /* Le menu sera placé à gauche */
width: 200px; /* taille du menu en pixels */
background-image: url("images/degrade_vert_logo.jpg");/* Met en arrière plan une image */

margin-right: 10px;/* espace à droite du menu en pixels*/
border: 0px;
margin-bottom : 10px;
}
.rappel{
/*margin-top: 20px;*/

}
table
{
border-collapse: collapse; /* Les bordures du tableau seront collées */
}
td
{
border: 0px solid white;/* fixe les bordures des cellules du tableau en blanc */
}
.img{
margin-left : 8%; /* espacement des zones en pixels */
border: 0px;
}
.lien{
margin-right : 45px;
text-decoration: underline; /* Surlignage du texte */
}

#corps
{

background-image: url("images/degrade_vert_logo.jpg");
height :100%;
width : 750px;
margin-left :10px;
border= 0px;


}
.fee{
margin-right : 5px;
}
.photo{
float: right;
border : 0px;
padding-bottom : 20px;
padding-top : 15px;
}
.element_menu{
padding-left : 5px;
}
.espace_salarie{
float: right;
border: 0px;
/*background-image: url("images/couleur-vert.jpg");*/
}
.descriptif{
height :50%;
width: 100%;
background-image: url("images/degrade_vert_logo.jpg");
}
.zone{

height : 50%;
/*background-image: url("images/couleur-vert.JPG");*/
border : 0px;

}
.carte{
border : 0px;
}
.actuasso{
margin-top: 5%;
float: right;/* alignement à droite */
background-image: url("images/degrade-jaune2.gif");
border : 0px;
width : 220px;
height: 200px;
}
.actu{

padding-left: 60px;
border : 0px;
}
.info{
background : white;
width :160px;
height:120px;
margin-bottom : 10px;

}
.rss{
overflow:scroll;
height: 160px;
width : 220px;
}

.pied{
margin-left: 140px;
margin-right : 20px;
}
.popnews{
background-image: url("images/degrade_vert_tres_clair.jpg");
}
.prestations{
width : 50%;
padding-left: 10px;

}

#pied_de_page
{

width : 990px;
margin-top :10px;
padding : 20px, 10px,10px,20px;
background-image: url("images/degrade_vert_logo.jpg");
}

Merci pour votre aide !
A voir également:

4 réponses

garion28 Messages postés 1545 Date d'inscription   Statut Membre Dernière intervention   406
 
IE ne respecte pas les standard du web, donc faut pas s'étonner si ton site foire sur l'un des deux navigateurs :)
0
Bobbar
 
Le CSS est quand même valide W3C! Donc le problème vient d'autre part!!!
Tu n'aurais pas une idée?
0
garion28 Messages postés 1545 Date d'inscription   Statut Membre Dernière intervention   406
 
ce n'est pas le css qui pose problème, c'est l'interprétation qu'en fait IE
0
Bobbar
 
Et donc comment obtenir le même résultat obtenu sur IE, sur les autres navigateurs?
Ca viendrait du code de la page pour toi?
0
garion28 Messages postés 1545 Date d'inscription   Statut Membre Dernière intervention   406
 
les dev qui veulent que leur site soit bien afficher partout test le navigateur sur lequel il est utilisé (genre si navigateur = IE then IE.css, ou un truc dans le genre)
0