Raphael Posté 24 Février 2004 Posté 24 Février 2004 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 Posté 25 Février 2004 Posté 25 Février 2004 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 Posté 25 Février 2004 Auteur Posté 25 Février 2004 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 Posté 25 Février 2004 Posté 25 Février 2004 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 Posté 25 Février 2004 Auteur Posté 25 Février 2004 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 Posté 25 Février 2004 Posté 25 Février 2004 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 Posté 25 Février 2004 Auteur Posté 25 Février 2004 Non malheureusement, ça ne résoud rien Quelque soit la méthode, le clear both fait disparaître le texte sur IE
Raphael Posté 26 Février 2004 Auteur Posté 26 Février 2004 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 ?
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant