[Résolu] Problème de flottaison
Publié : 15 janv. 2010, 20:59
Hello
Je viens de me rendre compte que ça fait des années que je n'ai pas utilisé de flottants en CSS. Et là, il suffit que je fasse une mise en page avec pour que je tombe sur un problème, probablement basique, mais que je n'arrive pas à résoudre.
La page en question est là : http://gos-uk.fr/indev/site/test.html (enfin, c'est une page de démo juste pour montrer ce problème là).
L'idée est simple. Tout les éléments de gauche, la navigation, les boutons vers les réseaux sociaux et le bidule Facebook, sont en float:left. Le contenu, lui, est en positionnement normal (enfin, en relatif en fait). Et lorsque dans le cadre de contenu je veux utiliser un élément flottant, comme l'image dans la démo, il ne se met pas au bon niveau. L'image, par exemple, est descendue au niveau du bas de la navigation.
Et à vrai dire, je ne sais pas trop quoi faire. J'ai essayé de mettre des clear:left, clear:both un peu à plein d'endroits, sur différents éléments, de mettre des spacer aussi, pour tester, et rien n'arrive à arrêter ce comportement. Je ne crois pas l'avoir déjà rencontré avant, mais ça me semble assez basique comme situation, je suis sûr que la solution est probablement assez simple. Ça m'apprendra à ne pas utiliser de flottants pendant longtemps.
Quelqu'un a une idée ?
Merci !
Nico.
Je viens de me rendre compte que ça fait des années que je n'ai pas utilisé de flottants en CSS. Et là, il suffit que je fasse une mise en page avec pour que je tombe sur un problème, probablement basique, mais que je n'arrive pas à résoudre.
La page en question est là : http://gos-uk.fr/indev/site/test.html (enfin, c'est une page de démo juste pour montrer ce problème là).
L'idée est simple. Tout les éléments de gauche, la navigation, les boutons vers les réseaux sociaux et le bidule Facebook, sont en float:left. Le contenu, lui, est en positionnement normal (enfin, en relatif en fait). Et lorsque dans le cadre de contenu je veux utiliser un élément flottant, comme l'image dans la démo, il ne se met pas au bon niveau. L'image, par exemple, est descendue au niveau du bas de la navigation.
Et à vrai dire, je ne sais pas trop quoi faire. J'ai essayé de mettre des clear:left, clear:both un peu à plein d'endroits, sur différents éléments, de mettre des spacer aussi, pour tester, et rien n'arrive à arrêter ce comportement. Je ne crois pas l'avoir déjà rencontré avant, mais ça me semble assez basique comme situation, je suis sûr que la solution est probablement assez simple. Ça m'apprendra à ne pas utiliser de flottants pendant longtemps.
Quelqu'un a une idée ?
Merci !
Nico.