[résolu] Height CSS avec un contenu texte

Bonjour,

Je débute en css et j'essaye de faire un fond en div qui contiendrait plusieurs div de mise en page de texte (deux colonnes en gros)

Le problème c'est le div de fond n'est jamais a 100% et le texte dépasse en bas.

voici mon css :

html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #2a3f54;
}

#texte {
	padding:5px;
}

#Content {
	position:absolute;
	left:50%;
	width:800px;
	height:100%;
	margin:0;
	padding:0; 
	margin-top:50px;
	margin-left:-400px;
	border: 1px solid #000000;
	}

voici mes div :

<div id="Content" style="background-image:url(image.jpg);"> 
     <div id="texte" style="position:absolute; width:540px; height:142px; z-index:2; left: 1px; top: 1px;">
       <p class="Style1"> Lorem ipsum dolor...</p>
     </div>
</div>

merci d'avance!
Modifié par malko (19 Apr 2006 - 17:03)

Bonjour malko et bienvenue parmi nous !

Comme indiqué dans les règles de ce forum, je t'invite à éditer ton post afin de baliser ton code correctement.

Bonjour,

height:100% veut dire 100% de l'élément parent, ce qui ne prend pas en compte la volumétrie des éléments enfants. Il faut donc plutôt utiliser height:auto (ce qui est la valeur par défaut).

Par ailleurs il faut enlever les position:absolute qui retirent tes éléments du flux, et les rendent indépendants les uns des autres.
Modifié par Xavier (06 Apr 2006 - 18:12)

Hello !
As-tu jeté un oeil à cet article de pompage ? les colonnes factices
Modifié par Ralfman68 (06 Apr 2006 - 19:41)

pardon pour le retard de la réponse,

j'ai trouvé comment faire grace a l'url, merci ralfman !