Les Allergies
Alimentaires
Posez votre question Signaler

Problème css entre IE et mozilla

Bobbar - Dernière réponse le 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 !
Lire la suite 

Problème css entre IE et mozilla »

5 réponses
Réponse
+0
moins plus
IE ne respecte pas les standard du web, donc faut pas s'étonner si ton site foire sur l'un des deux navigateurs :)
Bobbar - 25 juin 2009 à 16:26
Le CSS est quand même valide W3C! Donc le problème vient d'autre part!!!
Tu n'aurais pas une idée?
Ajouter un commentaire
Réponse
+0
moins plus
ce n'est pas le css qui pose problème, c'est l'interprétation qu'en fait IE
Ajouter un commentaire
Réponse
+0
moins plus
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?
Ajouter un commentaire
Réponse
+0
moins plus
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)
Ajouter un commentaire
Ce document intitulé « problème css entre IE et mozilla » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?