Salut   ,
 
J'ai encore un chtite problème avec mes css (le dernier de la journée lol)    
 
J'ai dans l'idée pour un site de faire une page composée de 4 "lignes".
 
Les lignes 1, 2 et 4 sont de hauteur fixes mais la ligne 3 est de hauteur variable. (change en fonction du contenu).
 
La question est : pour positionner les lignes 1, 2 et 3  par rapport à celle du dessus j'ai pas trop de problèmes.
 
.head2 {
position:absolute;
top:50px;
background-image:url('design/fhaut.gif');
width:750px;
height:35px;
}
 
En utilisant l'attribut absolute ca marche mais je sais pas si c'est correct.
 
Mais le problème c'est pour positionner la ligne 4 par rapport a la troisième puisque la hauteur de la troisième change.
 
merci d'avance    
 
PS :  pour que le ligne puisse grandir en hauteur il suffit que je ne mette pas l'attribut height ?

J'utiliserais plutôt du "position:relative" au lieu des "position:absolute", ça permettra de ranger tes <div> les uns à la suite des autres.

Personne n'aurait une réponse un peu plus "complète" ? Parce que la j'ai la tête qui va exploser a force de lire des pages et des pages un peu parout lol

vire la propriété position et la propriété top

avant je n'avais pas mis ces propriétés et mes lignes se chevauchaient, c'est pour ca que j'ai essayé comme ca.  

elles n'ont pas à se chevaucher. un div est par défaut placé en dessous du précédent.

J'avais oublié que par défaut la propriété "position" est "relative".

par défaut, la valeur est "static", pas "relative".

 
Je me suis fais grillé au moment où je m'en suis rendu compte !
Merci d'avoir veillé si tard pour relever mon erreur...    
 
Je croyais que c'était pareil "static" et "relative", jusqu'à ce que j'aille sur http://www.w3.org/TR/CSS21