[Résolu] Probleme attribut "float" en "position:relativ

bonjour !

Je suis en train de faire la structure générale d'un site mais je rencontre des problèmes au niveau de l'étirement vertical de la zone de contenu.
Voila comment est organisé le site en général :

<div class="header">blablabla</div>
<div class="content">
  <div class="contenu"></div>
  <div class="colonne"></div>
</div>
<div class="footer">blablabla</div>

Les class header/content/footer sont en "position:relative" et mon petit problème c'est que dans la "div" contenu j'ai deux autres "div" aussi en "position:relative" avec un petit "float:left".... le probleme qui se pose est que lorsque le float est présent, la div content ne s'étire plus en hauteur. Le footer vient se positionner par dessus mes deux div de contenu (contenu et colonne).

Comment est-ce que je pourrais créer mes deux colonnes de contenu tout en permettant à la div content de s'étirer en hauteur suivant celle-ci ?

[besoin d'aide : désespère]

J'espere que j'ai été clair !
Merci !

ps: se probleme ne survient que sur firefox.
Modifié par sephoria (04 Sep 2007 - 13:00)

Bonjour,

Concernant ta question sur les flottants, je pense que la FAQ pourra t'éclairer :
Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

Pour ce qui est de ta structure, as-tu pensé à regarder les gabarits existants ?
Je pense que celui-ci : Design XHTML/CSS complet avec 2 colonnes de même hauteur
Pourrai t'être très utile ...

Merci du fond du coeur !!!!!! pas que je t'aime mais presque ^^

sephoria a écrit :
Merci du fond du coeur !!!!!! pas que je t'aime mais presque ^^

J'en déduis donc que ton problème est [Résolu]