CSS - Bottom

Fermé
sebarca Messages postés 22 Date d'inscription jeudi 24 août 2006 Statut Membre Dernière intervention 8 mars 2010 - 9 juin 2008 à 01:28
sebarca Messages postés 22 Date d'inscription jeudi 24 août 2006 Statut Membre Dernière intervention 8 mars 2010 - 9 juin 2008 à 15:03
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
A voir également:

3 réponses

Ricky38 Messages postés 4349 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 459
9 juin 2008 à 01:37
coucou

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;
} 


0
sebarca Messages postés 22 Date d'inscription jeudi 24 août 2006 Statut Membre Dernière intervention 8 mars 2010
9 juin 2008 à 11:41
Avec le position absolu, la barre n'est meme plus visible

et la marge ne fait absolument rien meme en l'exagérant, mon background reste en haut c'est ca qui est bizar

...
0
sebarca Messages postés 22 Date d'inscription jeudi 24 août 2006 Statut Membre Dernière intervention 8 mars 2010
9 juin 2008 à 11:49
j'ai l'impression que ça pourrait venir d'ailleurs

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;
} 

0
niko16 Messages postés 65 Date d'inscription mardi 3 juin 2008 Statut Membre Dernière intervention 14 septembre 2011 2
9 juin 2008 à 12:14
salut

essai avec

position: absolute;
et fait varier le top ou le bottom (ex top: 300px; ou bottom: 100px;)
0
sebarca Messages postés 22 Date d'inscription jeudi 24 août 2006 Statut Membre Dernière intervention 8 mars 2010 > niko16 Messages postés 65 Date d'inscription mardi 3 juin 2008 Statut Membre Dernière intervention 14 septembre 2011
9 juin 2008 à 15:03
essayé mais position absolu rend invisible le truc et/ou la marge se fait mais le background reste en haut :s
0
Je ne suis pas sur mais essaye position:absolute pour voir ce
Tiens nous au jus
-1