Problème css entre IE et mozilla

Fermé
Bobbar - 25 juin 2009 à 15:55
garion28 Messages postés 1545 Date d'inscription mardi 16 juin 2009 Statut Membre Dernière intervention 3 avril 2011 - 25 juin 2009 à 16:37
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 mardi 16 juin 2009 Statut Membre Dernière intervention 3 avril 2011 406
25 juin 2009 à 16:23
IE ne respecte pas les standard du web, donc faut pas s'étonner si ton site foire sur l'un des deux navigateurs :)
0
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 mardi 16 juin 2009 Statut Membre Dernière intervention 3 avril 2011 406
25 juin 2009 à 16:28
ce n'est pas le css qui pose problème, c'est l'interprétation qu'en fait IE
0
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 mardi 16 juin 2009 Statut Membre Dernière intervention 3 avril 2011 406
25 juin 2009 à 16:37
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