28172 sujets

CSS et mise en forme, CSS3

[Résolu] Problème avec mon div principal

Bonjour à tous,

Je suis en train de réaliser une page web (un back office), et j'ai un souci au niveau de mon div principal.
Voici la structure de mon code:


<body>
<div id="main">
  <div id="text_border">
    ...
  </div>
  <div id="header">
    ...
  </div>
  <div id="content">
    <div id="leftcontent">
      ...
    </div>
    <div id="maincontent">
      ...
    </div>
  </div>
</div>
</body>


Voici le code CSS de mes principales div:


body
{
	border: 5px solid ForestGreen;
	float: left;
	width: 100%;
}

#main
{
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

#text_border
{
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	width: 180px;
	text-align: center;
	border: 1px solid DarkGreen;
	background-color: LightGreen;
	border-radius: 8px;
}

#header
{
	width: 75%;
	float: right;
}

#content
{
	float: left;
}

#leftcontent
{
	width: 25%;
	float: left;
} 

#maincontent
{
	width: 75%;;
	float: right;
}


Lorsque je regarde la structure avec Firebug, je m'aperçois que la taille fait bien 75% mais la hauteur est de 41px au lieu de prendre toute la page. Ainsi, on dirait que mes subdiv ne sont pas inclus dans mon div main.

Comment résoudre ce problème?

Merci pour vos réponses.
Modifié par Yuuko (23 Apr 2012 - 15:32)
Sujet clos
Aller à