28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

voila, ce code qui me pose quelques soucis :
#corps {
	overflow: auto;
	width: 800px;
	height: 424px;
	font-family: "Maiandra GD";
	background-color: #017671;
}
#contenu {
	padding: 30px;
}
.bourrage {
	width: 550px;
	height: 200px;
	/*border: 1px solid #FFCC33;*/
}


	<div id="corps">
		<div id="contenu">
			
			<div class="gauche"></div>
			
			<div class="droite"></div>
			
			<div class="gauche"></div>
			
			<div class="droite"></div>
			
			<div class="bourrage"></div>

		</div>
	</div>

Donc en résumé :
-j'ai un <div> corps qui met un scroll vertical si nécessaire (ce qui est mon cas actuel).
-le <div> contenu s'occupe du padding général

Sauf qu'avec le code ci-dessus, mon dernier <div> droite n'a plus le padding du contenu.... il n'y a plus d'espace entre le bas de <div> droite et de bas de <div> contenu !
J'ai donc essayé avec un <div> bourrage mais toujours rien....
A noter que sous IE6, c'est bon mais pas sous Firefox
Smiley decu

Comment faudrait-il faire ?
Merci pour votre aide.
Modifié par Tchupacabra (26 Oct 2005 - 17:10)