Je galère avec Firefox comme c'est pas permis
 
Voilà le problème :
 
Dans mon body j'ai une boite div "page". Dans cette boite div "page", j'ai des boites div "column1", "main", et "column2".
Les hauteurs des boites body et page doivent suivre la hauteur de "page", qui lui suit la hauteur du plus grand entre "column1", "main", et "column2".
Ca marche très bien sous ie, mais pas sous Firefox. Sous ie, toutes mes boites sont bien imbriquées les unes dans les autres, sous Firefox, c'est du tout n'importe quoi : chaque boite sort de son parent. J'ai vu ça en affichant les bordures
J'ai essayé de bidouiller avec les height, overflow - visible, auto, etc..., rien n'y fait. J'y arrive pas
J'capte pas où j'foire.
 
Le code :  
 

 
Le code html est bidon, c'est juste de l'imbrication du body -> page -> column1 + main + column2.
 
Pour voir ce que ça donne : http://godbout.free.fr
On voit pas que ça déconne bcp, mais tout est foireux. La bordure violette de ma "page" n'est pas visible sous Firefox car elle est cachée par le main à cause de sa hauteur trop petite. (Si on clique sur "mai 2006" à droite, on peut voir le bas de la bordure apparaitre.
 
Aidez-moi

J'ai passé la journée dessus, j'ai rien réussi à faire de correct avec Firefox. J'ai repris tout depuis le début, j'suis incapable d'imbriquer 4 boites correctement, tout fout le camp, aucune boite ne suit la taille de l'autre, c'est vraiment le bordel ce truc. Ca me donne l'impression d'avoir rien capté du tout à ce que j'ai fait jusqu'à maintenant. Et ce serait Firefox qui serait plus aux normes W3C que ie ?

>>Et ce serait Firefox qui serait plus aux normes W3C que ie ?
 
booh le vilain troll    
bref
 
 
 
j ai essayé en rajoutant des guillemets aux pourcentages et c est ok
ca resoudra donc ton probleme pour ta column2
 
pour ce qui est de ton cadre page il faut utiliser le hack du clear:both
en gros il suffit d ajouter
<hr style="clear:both;visibility:hidden" /> avant la balise de fermeture de ton div page
(un truc que j ai appris sur alsacreations mais je retrouve plus le lien)

Ah
Ben pourtant j'étais sérieux
 

Hein quoi ?
Quels pourcentages ?
Quel pb de la column2 ?
 

Ok, j'essaye, merci

Pour le <hr> ça marche seulement si je mets mon page en height:auto au lieu de height:100%. Du coup, mes hauteurs de colonnes foirent, super
Mais merci pour l'astuce quand même.
J'vais voir pour rajouter une div container qui englobe le tout, et jouer avec ça. Mais c'est vraiment la misère pour pas grand chose

le probleme de la column2 : ta box archives n est pas couverte par le background et pour le hr ca marche tres bien auusi.
dans les deux cas tu mets "100%" au lieu de 100%

Ah merde, j'avais pas fait gaffe
Par contre le coup des "100%", ça fonctionne parce que le navigateur ne le comprend pas, du coup il le fout en auto, et effectivement dans ce cas ma box archives sera toujours recouverte
 
Merci en tout cas, j'vais pouvoir finir ça rapidement et passer à autre chose