[CSS] Problème avec boite en float

Problème avec boite en float [CSS] - HTML/CSS - Programmation

Marsh Posté le 22-03-2005 à 18:34:10    

Bonjour bonjour :o
 
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  :sweat:  
 
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).
 
http://img57.exs.cx/img57/4900/cas14as.jpg
 
Donc le trait noir correspond à un cadre que j'ai fait en CSS (et non pas au cadre du navigateur si vous suivez bien  :whistle: )
Les boites 1 et 2 sont positionnées en float:left
Le 3 représente le contenu (texte :o)
 
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 :
 
http://img161.exs.cx/img161/4018/cas25ki.jpg
 
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 :
 
http://img24.exs.cx/img24/5969/cas30hm.jpg
 
 
J'espère que vous avez compris mon problème, et que vous pourrez me donner une solution :whistle:


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
Reply

Marsh Posté le 22-03-2005 à 18:34:10   

Reply

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 :hello:

Reply

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

Reply

Marsh Posté le 22-03-2005 à 20:47:33    

C'est cool de savoir qu'on est pas seul :o
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".


Message édité par vanilla le 22-03-2005 à 20:49:01

---------------
Membre du Front de Libération de Datoune | Soutenez le FLD | A Tribute To Datoune
Reply

Marsh Posté le 22-03-2005 à 20:48:29    

Je rappelle que : http://djailles.free.fr/


Message édité par gm_superstar le 22-03-2005 à 20:48:39

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-03-2005 à 20:50:27    


Ah merde :cry:  
 
Comment faire alors ? :sweat:


Message édité par vanilla le 22-03-2005 à 20:50:36

---------------
Membre du Front de Libération de Datoune | Soutenez le FLD | A Tribute To Datoune
Reply

Marsh Posté le 22-03-2005 à 21:00:44    

Reply

Marsh Posté le 22-03-2005 à 21:08:47    

Merci  :jap:  
 
J'ai un peu de mal à mettre en place mais je devrais y arriver...


---------------
Membre du Front de Libération de Datoune | Soutenez le FLD | A Tribute To Datoune
Reply

Marsh Posté le 22-03-2005 à 21:41:32    

:love: gm_superstar :love:  
 
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  :bounce:


---------------
Membre du Front de Libération de Datoune | Soutenez le FLD | A Tribute To Datoune
Reply

Marsh Posté le 23-03-2005 à 03:36:32    

Sinon d'autres méthodes existent :
http://www.sitepoint.com/blog-post-view?id=238086

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed