28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un problème avec des divs qui ne rentrent pas dans leur conteneur :

Le code html

<div id="global">
	<div id="page">
		<div id="content">
			<div class="newsblock">
				<span style="float: right;">Le 04/07/2010 09:21</span>
				<h2 class="titre">Mon titre</h2>
				<img src="images/250.jpg" alt="" />
				<div class="texte">
					<p>Une news blabla<br /><a href="" title="">Voir le test</a></p>
				</div>
			</div>
		</div>
		<div id="menu-left">
			<div class="bloc edito">
				<h2>Bienvenue !</h2>
				<p>Un edito.</p>
			</div>
			<div class="bloc edito">
				<h2>Sur le forum</h2>
				<p>- Message<br />- Merssage<br />- Merssage<br />- Merssage<br />- Merssage</p>
			</div>
		</div>
	</div>
</div>


Les CSS

/* Conteneur ********************************************************/

#global{
	width:						990px;
	margin:						5px auto;
}

#page{
	padding:					0;
	background:					url('center-bg.png') repeat-y;
	border:						1px #000 solid;
}

.clear{
	clear:						both;
}

#content{
	float:						left;
	margin-left:				16px;
	width:						580px;
}

#menu-left{
	float:						right;
	margin-right:				16px;
	width:						360px;
}

#content .newsblock{
	line-height:				1.5;
	margin-bottom:				1.5em;
	background:					#FFFFFF;
	padding:					5px;
	border:						1px black solid;
}


J'ai mit une bordure sur le div #page et ça m'affiche 1 seul ligne, les autres div sont placées en dessous et je ne comprend pas pourquoi Smiley decu

Merci pour votre aide.
HTML

<div class="spacer"></div


CSS

.spacer {
	clear: both;
	display: block;
}


Suffit à régler le dépassement des éléments flottants.