28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

Je suis null en CSS.

J'ai ce CSS qui gère un fieldset :

body
{
width: 700px;   
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
   
   
}

#FieldTitre
{
	margin-top: 30px;
}


#FieldSujet
{
	height: 300px;
	width: 447px;
	margin-left: 100px;
}

#FieldFormu
{
	//c'est ici que je choisisi la hauteur du fieldset
	height: 1250px;
	margin-top: 30px;
}

legend
{
	color:#0000FF
}

textarea
{
	margin-left: 12px;
}

.Style1 {
	color: #FF0000;
	font-size: 10px;
}

#corps
{
	margin-top:-15px;
}

#validite
{
	text-align:left;
}

#texte
{
	color:#000000;
}
#Date
{
	margin-left: -25px;
}

.Style2 {
	font-size: 12px;
	font-weight: bold;
}


l'information qui m'intéresse est ici :

#FieldFormu
{
	//c'est ici que je choisisi la hauteur du fieldset
	height: 1250px;
	margin-top: 30px;
}


J'aimerais savoir si il est possible d'adapter automatiquement la hauteur de mon fieldset par rapport au contenu de celui-ci ?

Merci d'avance pour l'aide.

beegees
Modifié par beegees (13 Apr 2009 - 19:49)
Re',

beegees a écrit :
J'aimerais savoir si il est possible d'adapter automatiquement la hauteur de mon fieldset par rapport au contenu de celui-ci ?
Pour faire cela (et c'est valable pour tous les éléments ayant un rendu de type bloc) il suffit tout simplement de ne pas indiquer de valeur pour height. Smiley cligne

Il faut ensuite jouer avec les padding et margin...

La hauteur sera alors déterminée en fonction du contenu (à condition qu'il soit bien dans le flux html : cf. le
Guide de survie du positionnement CSS).

A lire également : le modèle de boîte css.
Modifié par Heyoan (13 Apr 2009 - 19:48)