28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

Je me trouve face à un problème que je n'arrive pas à résoudre (c'est d'ailleurs pour cela que je me tourne vers la communauté d'alsacréation Smiley biggrin ).


body {
	margin: 0;
	font: 0.7em verdana, arial, sans-serif;
	text-align: center;
	line-height: 160%;
	word-spacing: 0.1em;
	color: #a9a9a9;
	background: #efefef;
}

#sitebox {
	width: 500px;
	margin: auto;
	margin-top: 5em;
	padding: 15px 0 0 30px;
	background: url(images/head-hp.jpg) left top no-repeat;
}

#encart {
	background: url(images/footer-hp.jpg) left bottom no-repeat;
}

#colonne_gauche {
	float: left;
	width: 225px;
	text-align: justify;
}

#colonne_droite {
	text-align: left;
	margin-left: 235px;
}

#pied_de_page {
	text-align: left;
	clear: left;
}


Voici la partie CSS, et le résultat est là : http://cygdar.freezee.org/

Le problème est le suivant je n'arrive pas à positionner de façon convenable le background de #encart (d'ailleurs n'y aurait il pas la possibilité de se passer de #encart pour simplement placer ses propriétés dans le footer ?

Merci d'avance,
Clément Cazalot
Modifié par Cygdar (24 Feb 2006 - 15:19)
Plop,

C'est tout simplement ton padding-left de 30px sur ton #sitebox qui te décalle ainsi ton bg de #encart.

Il te suffit de le passer à zéro et de répercuter ce changement sur ton #encart.

Mais effectivement, tu peux aussi mettre ton bg sur ton #pied_de_page en retirant toujours ce padding-left de ton #sitebox.
Merci beaucoup, en y pensant le problème était très simple ...
de temps en temps avec la fatigue on réfléchit moins bien Smiley ravi

Merci encore