28173 sujets

CSS et mise en forme, CSS3

Bonjour,


Je viens de réaliser une mise en page avec un pied de page. Un espace se crée entre mon contenu global et mon pied de page. je n'arrive pas à résoudre le problème pouvez vous m'aider.
Voici les styles
body {
	background: #96C24D;
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
}

#haut {
	position: relative;
	width: 800px;
	height: 680px;
	background: url(haut.jpg) no-repeat left top;
	margin: 0 auto;
	text-align: left;

}
#milieu {
	width: 800px;
	height: 83px;
	background: url(milieu.jpg) no-repeat left top;
	margin: 0 auto;
	text-align: left;

}
#global {
	width: 800px;
	background: url(contenu.jpg) repeat-y left top;
	margin: 0 auto;
	text-align: left;

}


#pied {
	width: 800px;
	height: 202px;
	background: url(pied.jpg) no-repeat left top;
	margin: 0 auto;
	bottom: 0;

}
div#contenu {
	margin: 0 230px 0 30px;
	padding:125px 20px 0 15px;
	line-height: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	
}


Et le lien vers ma page
http://www.hauteloireterredefestivals.com/test/hltf06.html [/url]
Modifié par loulou (01 Jun 2006 - 12:47)
quel est le contenu du pied ? <hn> <p> etc...
c'est la marge de cet element qu'il faut mettre a 0
salut ! Rajoute ce truc dans tes css :
p {padding:0;margin:0}

Normalement ça marche. n'oublie pas le résolu
Modifié par Ralfman68 (01 Jun 2006 - 12:59)
<div id="vide" ???

C'est quoi ce truc ?

Par ailleurs normalement le pied est inclus dans le conteneur...
Enfin ça arrive que parfois tu es mis un bottom sur des margin sur le div du dessus....

tiens nous au courrant
Modifié par Samuel Berg (01 Jun 2006 - 11:34)
Merci cela fonctionne mais je ne comprends pas pourquoi ?

Pour le div "vide", c'est une boulette oubliée....

Merci encore