Problème css entre IE et mozilla
Bobbar
-
garion28 Messages postés 1545 Date d'inscription Statut Membre Dernière intervention -
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 !
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:
- Problème css entre IE et mozilla
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Mozilla firefox - Télécharger - Navigateurs
- Mozilla thunderbird - Télécharger - Mail
- Ie tab - Télécharger - Outils pour navigateurs
- Mozilla sunbird - Télécharger - Agendas & Calendriers
4 réponses
IE ne respecte pas les standard du web, donc faut pas s'étonner si ton site foire sur l'un des deux navigateurs :)
Tu n'aurais pas une idée?