Problème avec boite en float [CSS] - HTML/CSS - Programmation
Marsh Posté le 22-03-2005 à 20:29:16
J'ai un pb similaire et ça fait un moment que je rames alors UP de soutien et bonne chance
Marsh Posté le 22-03-2005 à 20:30:24
Au fait tu peux déjà lire ça : http://cerig.efpg.inpg.fr/dossier/ [...] page05.htm
Marsh Posté le 22-03-2005 à 20:47:33
C'est cool de savoir qu'on est pas seul
Sinon pour ton lien, j'ai déjà vu un peu tout ça, rien de bien nouveau...
C'est bizarre quand même que le cadre noir ne s'agrandissent pas en fonction de l'élément le plus long.
Surtout que les boites sont dans le conteneur #main C'est un peu comme si le float passait "au dessus".
Marsh Posté le 22-03-2005 à 20:48:29
Je rappelle que : http://djailles.free.fr/
Marsh Posté le 22-03-2005 à 20:50:27
gm_superstar a écrit : Je rappelle que : http://djailles.free.fr/ |
Ah merde
Comment faire alors ?
Marsh Posté le 22-03-2005 à 21:00:44
Cf http://openweb.eu.org/articles/initiation_float/ (voir "Problème du débordement" )
Marsh Posté le 22-03-2005 à 21:08:47
Merci
J'ai un peu de mal à mettre en place mais je devrais y arriver...
Marsh Posté le 22-03-2005 à 21:41:32
gm_superstar
Marche très bien avec la méthode de l'espace insécable donc.. Il faut réfléchir un peu avant pour savoir où il faut le mettre et ça marche très bien
Marsh Posté le 23-03-2005 à 03:36:32
Sinon d'autres méthodes existent :
http://www.sitepoint.com/blog-post-view?id=238086
Marsh Posté le 22-03-2005 à 18:34:10
Bonjour bonjour
Je vais essayer de vous expliquer mon problème. J'ai fait des beaux dessins car c'est pas facile à expliquer les problèmes en CSS
Cas n°1 : aucun problème
Voilà à quoi ressemble la page directement (il faut imaginer que les contours de l'image correspondent aux contours de la page telle qu'on la voit dans le navigateur).
Donc le trait noir correspond à un cadre que j'ai fait en CSS (et non pas au cadre du navigateur si vous suivez bien )
Les boites 1 et 2 sont positionnées en float:left
Le 3 représente le contenu (texte )
Jusque là tout va bien.
Cas n°2
Quand il n'y a pas assez de contenu dans 3, les boites 1 et 2 dépassent. Comme ceci :
Vous allez me dire, c'est simple, il suffit de spécifier une hauteure minimale avec min-heigth mais non car :
Cas n°3
Le contenu des boites en float est dynamique (PHP) : il y a donc parfois rien du tout et parfois quelques choses. Voilà ce qui peut arriver :
J'espère que vous avez compris mon problème, et que vous pourrez me donner une solution
Message édité par vanilla le 22-03-2005 à 18:38:08
---------------
Membre du Front de Libération de Datoune | Soutenez le FLD | A Tribute To Datoune