Des blocs div étirables l'un par rapport à l'autre

[Raphael]

Je suis en-train d'étudier la possibilité d'avoir 2 cellules qui s'adapteraient l'une à l'autre (lorsque l'une s'allonge, l'autre suit le mouvement).

Je ne veux pas utiliser d'image de fond comme sur les sites http://www.alistapart.com/articles/fauxcolumns/ et http://www.pixy.cz/blogg/clanky/css-3col-layout/

J'ai donc pondu ceci : http://www.alsacreations.com/articles/cellules/

Je suis ensuite allé faire un tour sur OpenWeb pour voir comment faire de même avec les clear both.

Apparemment, la méthode est plus simple : http://openweb.eu.org/articles/initiation_...nnexe1.html#ex3

Par contre, en ayant testé le code fourni sur IE6 et Firebird, je n'ai pas du tout le résultat visuel proposé par Openweb.

Comment se fait-il ?

Autre question : comment réaliser l'équivalent de mon tuto (lien ci-dessus) avec les clear both ?

J'ai essayé mais sans succès car la partie gauche... disparaît sur IE6 !!!

Aperçu : http://www.alsacreations.com/articles/cellules/cellules2.htm

[Lentreprenaute]

si tu fais un div container qui contient deux div gauche & droite & que tu mets des divs à heigth à 100% à ces deux la. avec des float: etc...

et pas de hauteur pour le container, (! il faut déclaré le css body height: 100%)

plus tu renseignes de contenu dans l'un ou l'autre tu auras donc une hauteur qui s'adapte sur celui des deux qui est le plus long.

J'ai pas testé si ca le fait, tiens nous informé

Florent

[Raphael]

Si tu ne donnes pas de hauteur au conteneur, ça ne marche pas : les deux blocs prennent 100% de la hauteur du body.

Et si tu donnes une hauteur au conteneur, ça ne marche plus dès que l'un des blocs est plus grand que cette hauteur

[Lentreprenaute]

j'ai fais le test en mettant 1px de hauteur au container ca marche sous ie mais nestcape affiche le div container avec 1px de hauteur sic, ou normal plutot )

dommeage le reste suivait

[Raphael]

Oui, j'avais aussi essayé avec 1px de hauteur pour le conteneur.

Bref, la question reste toujours d'actualité... pour avoir deux blocs qui s'étirent l'un par rapport à l'autre :

- clear both : ne fonctionne pas correctement sur IE6

- mettre les blocs à 100% de hauteur dans un conteneur vide : ne fonctionne pas

- tricher en utilisant le background du conteneur : ça me semble être la meilleure solution à l'heure actuelle (http://www.alsacreations.com/articles/cellules/)

[Lentreprenaute]

Je suis pas sur mais va jeter un coup d'oeil par là, je sais pas si il y aurait pas l soluce, c'est en anglais et faut que je me reconcentre sur mon boulot,

tiens moi informé

Florent

http://www.greywyvern.com/code/min-height-hack.html

http://forum.hardware.fr/hardwarefr/Progra...sujet-45425.htm

[Raphael]

Non malheureusement, ça ne résoud rien

Quelque soit la méthode, le clear both fait disparaître le texte sur IE

[Raphael]

J'ai trouvé une solution qui semble être la bonne, en utilisant des positions absolues : http://www.alsacreations.com/articles/cellules/cellules3.htm

Est-ce que c'est ok sur toutes les configs ?