Bonjour,
J'ai un petit problème concernant le pied de page de mon site http://www.petitsjobs.ch.
Si vous regarder le pied de page actuel, vous constaterez qu'il n'a qu'une marge à gauche et pas à droite. J'ai pourtant bien mis la propriété margin: 0 20px 0 20px; (raison pour laquelle il y en a un à gauche).
J'ai tout essayé mais je ne me l'expliquer pas.
Vous pouvez trouver la source HTML facilement, mais le CSS étant compressé, je vous le donne. La div contenant le pied de page est .footer :
Merci d'avance,
7804j
J'ai un petit problème concernant le pied de page de mon site http://www.petitsjobs.ch.
Si vous regarder le pied de page actuel, vous constaterez qu'il n'a qu'une marge à gauche et pas à droite. J'ai pourtant bien mis la propriété margin: 0 20px 0 20px; (raison pour laquelle il y en a un à gauche).
J'ai tout essayé mais je ne me l'expliquer pas.
Vous pouvez trouver la source HTML facilement, mais le CSS étant compressé, je vous le donne. La div contenant le pied de page est .footer :
Code:
.barre_membres /* La barre du haut pour les membres et la connexion */
{
min-width:500px; /* Largeur minimum qu'elle doit avoir pour être affichée complétement. Différent du reste de la page pour que le menu soit le plus proche possible du côté gauche */
}
.haut
{
min-width:1100px;
background-color:#333333;
border-radius: 30px 30px 0px 0px;
-O-border-radius: 30px 30px 0px 0px;
-moz-border-radius: 30px 30px 0px 0px;
-webkit-border-radius: 30px 30px 0px 0px;
-khtml-border-radius: 30px 30px 0px 0px;
behavior: url(/app/PIE/PIE.htc);
}
/*Corps */
.corps
{
min-width:1100px; /* Largeur minimale de la page pour être sûr que tout s'affiche en entier */
margin:20px 20px 0px 20px;
background-color:white;
min-height: 100%;
position:relative;
border-radius: 30px 30px 0px 0px;
-O-border-radius: 30px 30px 0px 0px;
-moz-border-radius: 30px 30px 0px 0px;
-webkit-border-radius: 30px 30px 0px 0px;
-khtml-border-radius: 30px 30px 0px 0px;
behavior: url(/app/PIE/PIE.htc);
}
/* Menu de Gauche */
.MenuGauche
{
position:absolute;
float:left;
width:170px;
height:100%;
text-align:center;
background-image: url(/images/background-menu.png); /*Dégradé allant de couleur du menu haut à couleur du pied de page */
background-repeat: repeat-x;
background-color:#CBCBCB;/* Couleur du dernier pixel du dégradé */
z-index: 10;
}
.contenu
{
margin-left:180px;
position:relative;
min-height: 100%;
padding:20px;
}
.ombre img
{
-moz-box-shadow: 1px 1px 12px #555; /* On met une ombre sur toutes les images, à condition qu'elles soient dans le div "ombre" et on arrondit les bords */
-webkit-box-shadow: 1px 1px 12px #555;
border-radius: 10px;
-O-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(/app/PIE/PIE.htc);
}
/*Affichage des "Etapes de création d'annonces" pour les membres connectés */
.etapesdiv
{
background-image:url(/images/steps.png);
background-repeat:no-repeat;
height:40px;
margin-bottom:5px;
margin-left:5px;
}
.etapesdiv:hover
{
background-image:url(/images/steps2.png);
}
.etapesspan
{
position:relative;
top:10px;
color:black;
}
/* Pied de page */
.footer
{
min-width:1100px; /* Largeur minimale de la page pour être sûr que tout s'affiche en entier */
background-image: url(/images/footer.png);
height:135px;
width:100%;
margin: 0 20px 0 20px;
text-align: center;
}
a
{
text-decoration:none;
}
a:visited
{
color:blue;
}
a:hover
{
color: #d27b3a;
}
a:active
{
color: #d27b3a;
text-shadow : 1px 1px 5px #d27b3a;
}
html, body
{
height: 100%;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin: 0px; /* On enlève les marges, sinon ça fait du blanc entre l'image de fond et le bord */
background-image: url(/images/background-image.png); /*Dégradé de fond */
background-repeat: repeat-x;
background-color: #5599bb; /*Si la page est trop grande, on affiche une couleur de fond pour pas gâcher le dégradé (la couleur est la même que le dernier px du dégradé */
background-attachment: fixed;
}
img
{
border:0px;
}
/* Les textes d'aide */
.aide {
margin-bottom:20px;
font:normal 11px verdana,tahoma,arial;
color: #347ab1;
border:1px solid #d3d3d3;
border-radius: 15px;
-O-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
behavior: url(/app/PIE/PIE.htc);
padding-left:85px;
padding-top: 25px;
padding-bottom:25px;
background: url(/images/aide.png) 15px 50% no-repeat;
}
fieldset, textarea
{
border-radius: 10px;
-O-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(/app/PIE/PIE.htc);
margin-rigth:20px;
background-color: white;
}
textarea
{
width:100%;
}
fieldset
{
padding:20px;
}
input
{
border-radius: 5px;
-O-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(/app/PIE/PIE.htc);
background-color: white;
}
select
{
border-radius: 5px 0px 0px 5px;
-O-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
-khtml-border-radius: 5px 0px 0px 5px;
behavior: url(/app/PIE/PIE.htc);
background-color: white;
}
label {
min-width:150px;
display:block;
float:left;
}
/* Menu horizontal moo.rd */
#kwicks {
position: relative;
background-image:url(/images/menu_horizontal/kwick.gif);
background-position:top right;
background-repeat:no-repeat;
background-attachment:scroll;
height:100px;
float:left;
padding-right:10px;
margin-left:45px;
}
#kwicks .kwick {
float: left;
display: block;
width: 130px;
height: 100px;
margin:0px;
}
#wdownload { background-image:url(/images/menu_horizontal/download4.gif); }
#wdocs {background-image:url(/images/menu_horizontal/docs_4.gif); }
#wforum {background-image:url(/images/menu_horizontal/forum4.gif); }
#wexamples {background-image:url(/images/menu_horizontal/examples_.gif); }
.menu {
height:130px;
margin-top: -110px;
margin-left: 200px;
}
/* Fin menu horizontal */
/* Design TableGear (tableaux dynamiques) */
div.description
{
color: #fff;
padding: 5px;
}
h5#TGSubheader
{
letter-spacing: 0.145em;
font-family: "Lucida Sans Unicode";
}
h5#HTSubheader
{
letter-spacing: -0.01em;
font-family: "Lucida Sans Unicode";
}
h5#TogetherSubheader
{
letter-spacing: 0.1em;
}
p.block
{
width: 32em;
margin: 0 0 0.5em 0;
}
div.box
{
margin: 0 20px 0 190px;
padding: 20px;
background: #fff;
border: 1px solid #ccc;
}
table
{
font-size: 0.9em;
width: 100%;
}
tr.odd
{
background-color: #eaeaea;
}
table th.title
{
text-align: center;
}
td.editable
{
width: 200px;
height: 40px;
}
th.sortable
{
cursor: pointer;
}
td.description
{
font-size: 0.8em;
color: #999;
}
td select
{
width: 150px;
}
td.deleteColumn
{
width: 16px;
}
td.highlite
{
color: red;
}
div.textTop
{
font-size: 0.9em;
font-weight: bold;
color: #d81;
margin-top: 10px;
margin-left: 25px;
}
label.delete
{
cursor: pointer;
padding: 3px 0px 0px 0px;
display: block;
}
tr.loading {
color: #dddddd;
background-color: #f6f6f6;
}
td.loading
{
background: url('../images/icons/loading.gif') no-repeat 4px center;
padding-left: 30px;
color: #aaaaaa;
width: 170px;
}
.editable span
{
display: none;
}
.hotText span,.hotSubmit span
{
color: #0046bf;
border-bottom: 1px dotted #0046bf;
}
ul
{
margin: 1em 0;
padding: 0;
list-style-type: none;
}
.pagination {
margin: 1em 0;
color: #888888;
width: 350px;
margin: 0 auto;
}
.pagination a {
color: #6666ff;
}
.pagination .prev
{
float: left;
}
.pagination .next
{
float: right;
}
.pagination .pages
{
text-align: center;
}
.primary_key,
td.edit,
th.edit,
td.delete input {
display: none;
}
td.delete {
cursor: pointer;
}Merci d'avance,
7804j
