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 !
Configuration: Windows XP
Firefox 3.0.11
IE 8