CSS - Bottom
sebarca
Messages postés
22
Statut
Membre
-
sebarca Messages postés 22 Statut Membre -
sebarca Messages postés 22 Statut Membre -
Bonjour, voici mon site http://lesleus.be/1/
J'aimerai en faite que la ligne du bas soit complètement en bas comme celle du haut par exemple , Mais seul, après des heures d'acharnement je n'y arrive toujours pas, je fais donc appel a ce forum encore une fois pour trouver une aide à mon problème...
le code css
#footer {
background: url(images/footer.gif) repeat-x;
background-position: left bottom;
position:relative;
height: 46px;
}
Cette div se trouve dans la div général tout en bas....
D'avance merci
J'aimerai en faite que la ligne du bas soit complètement en bas comme celle du haut par exemple , Mais seul, après des heures d'acharnement je n'y arrive toujours pas, je fais donc appel a ce forum encore une fois pour trouver une aide à mon problème...
le code css
#footer {
background: url(images/footer.gif) repeat-x;
background-position: left bottom;
position:relative;
height: 46px;
}
Cette div se trouve dans la div général tout en bas....
D'avance merci
A voir également:
- CSS - Bottom
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
3 réponses
coucou
tu as essayé d'ajouter une marge en bas comme ceci :
tu as essayé d'ajouter une marge en bas comme ceci :
#footer {
background: url(images/footer.gif) repeat-x;
background-position: left bottom;
position:relative;
height: 46px;
margin-bottom:20 px;
}
j'ai l'impression que ça pourrait venir d'ailleurs
donc voici l'entièreté de ma css
donc voici l'entièreté de ma css
html, body, ul, li, h1, h2, h3, h4 {
margin: 0;
padding: 0;
list-style: none;
}
h1 img {
display: block;
}
img {
border: 0;
}
a {
color: #FEFF00;
text-decoration: underline;
}
a:hover {
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #800000 0px 135px url(images/grad.jpg) repeat-x;
font: 12px arial, sans-serif;
color: #F09361;
}
#header {
background: 6px 0 url(images/header_bg.gif) repeat-x;
}
h1 {
height: 95px;
color: #fff;
font-weight: normal;
font: 22px "harrow", "Lucida Grande", arial, sans-serif;
line-height: 95px;
text-indent: 23px;
width: 800px;
}
h1 span {
font-size: 30px;
}
#body {
background: top right url(images/body_bg.jpg) no-repeat;
}
#nav {
background: url(images/nav_bg.gif) repeat-x;
height: 40px;
font-size: 17px;
}
#nav em {
font-size: 22px;
font-style: normal;
}
#nav ul {
min-width: 780px;
padding: 0;
padding-top: 10px;
}
#nav li {
float: left;
background: 12px 6px url(images/bullet_nav.gif) no-repeat;
padding-left: 50px;
padding-right: 20px;
margin: 0;
}
#nav li.first {
background: none;
padding-left: 20px;
}
#nav a {
font-weight: normal;
color: #9A0000;
text-decoration: none;
}
#nav a:hover {
color: #500000;
}
#nav1 {
background: url(images/nav_bg1.gif) repeat-x;
height: 25px;
font-size: 14px;
}
#nav1 em {
font-size: 16px;
font-style: normal;
}
#nav1 ul {
min-width: 780px;
padding: 0;
padding-top: 5px;
}
#nav1 li {
float: left;
background: 12px 6px url(images/bullet_nav1.gif) no-repeat;
padding-left: 50px;
padding-right: 20px;
margin: 0;
}
#nav1 li.first {
background: none;
padding-left: 20px;
}
#nav1 a {
font-weight: normal;
color: #9A0000;
text-decoration: none;
}
#nav1 a:hover {
color: #500000;
}
#content {
background: #760202;
border: 1px solid #6A0101;
width: 526px;
margin: 48px 28px 8px 28px;
}
#content .i {
padding: 15px;
}
#content h2 {
font: 16px "times new roman", serif;
font-weight: normal;
color: #fff;
clear: both;
}
#content h2 strong {
color: #FEFF00;
font-weight: normal;
}
#content h2.h {
font-size: 12px;
}
#footer {
background: url(images/footer.gif) repeat-x;
background-position: left bottom;
position:relative;
height: 46px;
margin-bottom:20 px;
}
et la marge ne fait absolument rien meme en l'exagérant, mon background reste en haut c'est ca qui est bizar
...