Un conteneur sachant contenir [Résolu]

Bonjour à tous,

Mon problème est assez simple, pouvez vous me dire comment je doit faire pour que mon div class=" blocContenu" soit dans mon div id="page" car là pour le moment il se mais en dessous. Peut être que du code sera plus parlant

CSS

#page{
	position: absolute;
	width: 900px;        
	margin-left: -450px;  
	left: 50%;          
	height: 450px;       
	margin-top: -225px;   
	top: 50%;           
	background-color: #FFFFFF;
	border: 1px solid #000; 
	/*ORANGE #F26520*/
}
.blocOrange{
	background-color: #F26520;
	width: 150px;
	height: 100%
}
.blocContenu{
	width: 630px;
	height: 100%;
	border: 1px solid #F26520;
	position: absolute;
}

HTML

<div id="page">
	<div class="blocOrange"><br>
		<ul class="menu">
		<li><a href="index.html" title="http://www.grafik-all.net-ce site a pour objectif de présenter mes réalisations et mes compétences dans le domaine de la création multimédia et du développement orienté web">ACCUEIL</a></li>
		<li><a href="cv.html" title="http://www.grafik-all.net-ce site a pour objectif de présenter mes réalisations et mes compétences dans le domaine de la création multimédia et du développement orienté web">CV</a></li>
		<li><a href="port.html" title="http://www.grafik-all.net-vous y trouverez mon cv, mes réalisations personnelles et professionnelles">PORTFOLIO</a></li>
		<li><a href="contact.php" title="Formulaire de contact -  http://www.grafik-all.net">CONTACT</a></li>
 
  </ul>
	</div>
	<div class="blocContenu">
		&nbsp;
		
	</div>
</div>

j'aimerais comme pour blocOrange que blocContenu soit dans #page et non en dessous de #page

Merci d'avance,
Modifié par lepotier (20 Jun 2008 - 14:24)

Bonjour,

Tes "blocOrange" et "blocContenu" sont bien dans ton DIV "page" côté HTML mais en css ils ont tout deux un "height" de 100% ce qui représente 100% de ton DIV "page" du coup les deux additionés cela donne 200% de ton DIV "page".

Essaye de donner une valeur à chacun sans que la totalité des deux dépasse le conteneur.

Merci Startox pour ta réponse

Mais j'ai trouvé une solution en modifiant blocContenu

.blocContenu{
	width: 730px;
	height: 100%;
	/*border-right: 1px solid #F26520;*/
	position: absolute;
	top: 0;
	right: 0;
}

Encore merci

Salut,

lepotier a écrit :
Mais j'ai trouvé une solution en modifiant blocContenu

Tu considères que ce sujet est [Résolu] ?