Forum Développeur - Administration serveur, programmation et base de données

Version complète : hauteur de paragraphe

Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS

Malicia

Mar 28 2005, 02:15 PM

Bonjour,

Je voulais savoir pourquoi on peut définir une hauteur d'un paragraphe en "em" alors qu'en specifiant une valeur en pourcentage ca ne marche pas.

merci

jep

Mar 28 2005, 02:57 PM

Une hauteur en % est relative au conteneur de l'élément dont tu veux définir la hauteur. Donc, si le conteneur de l'élément n'a pas de hauteur lui même, définir une auteur en % pour ton élément n'a aucun sens :wink:

A l'inverse, les em ont une hauteur définis, il est donc tout à fait possible de définir ce type de hauteur même si le conteneur n'a pas de hauteur.

Malicia

Mar 28 2005, 05:40 PM

oups désolé j'ai oublié de préciser oui. mon conteneur a une hauteur definit en pourcentage

jep

Mar 28 2005, 06:39 PM

Certe, mais le conteneur du conteneur doit lui aussi avoir une hauteur de spécifier.

A minimum, il te faut spécifier la hauteur des elements HTML et BODY :

CODE

html, body{

height:100%;

}

Malicia

Mar 28 2005, 06:54 PM

ben pourtant c'est ce que j'ai :

code html

CODE

<?xml version="1.0" encoding="iso-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>

<link rel="stylesheet" href="css/index.css" />

</head>

<body>

<div id="conteneur">

<div id="header">

<div id="identification">

<form action="index.php?sousmenu=identification" method="post">

<p>

<label for="login"> Identifiant : </label>

<input type="password" name="login" value="" maxlength="10" id="login" />

</p>

<p>

<label for="pass"> Mot de passe : </label>

<input type="password" name="pass" value="" maxlength="10" id="pass" />

<input type="submit" name="submit_identification" value="connexion" id="submit" />

</p>

</form>

</div>

<div id="menu">

</div>

<div id="contenu">

</div>

</div>

</body>

</html>

code css

CODE

html, body

{

margin: 0;

padding: 0;

height: 100%;

font-family: Geneva, Arial, sans-serif;

color: #000000;

}

#conteneur

{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

#header

{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 10%;

}

#identification

{

float: right;

width: 40%;

height: 100%;

}

#identification p // j'ai essayé #header p aussi

{

height: 50%; // j'ai essayé 49% comme tu avais dis ca change rien

}

#menu

{

position: absolute;

top: 10%;

left: 0;

width: 15%;

height: 90%;

}

#contenu

{

position: absolute;

top: 10%;

left: 15%;

width: 85%;

height: 90%;

overflow: auto;

}

Malicia

Mar 28 2005, 06:58 PM

manque un div dans le code que je viens d'envoyer pour terminer le header mais pas sur l'original pas de souci la dessus

Malicia

Mar 29 2005, 01:26 AM

rho je viens de trouver mais je comprend pas pourquoi faut faire cela.

en fait il faut declarer un truc en plus dans le css

form
{
height: 100%;
}

tu peux m'expliquer s'il te plait ?

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.