Petit probleme de div :/

Petit probleme de div :/ - HTML/CSS - Programmation

Marsh Posté le 25-03-2004 à 19:49:26    

Bonjour,
 
j'ai une div, et dedans un autre div en float-left, elle se met bien à gauche de ma div, mais le conteneur agit comme si celle-ci n'étant pas dedan, et n'adapte pas sa taille en fonction.
 
 
des idées ?  [:draschke]

Reply

Marsh Posté le 25-03-2004 à 19:49:26   

Reply

Marsh Posté le 25-03-2004 à 20:11:15    

Pour le div de 1er niveau :
display: table;
(y a surement plus propre ;))


Message édité par kalex le 25-03-2004 à 20:11:28
Reply

Marsh Posté le 25-03-2004 à 20:16:29    

kalex a écrit :

Pour le div de 1er niveau :
display: table;
(y a surement plus propre ;))


 
merci ca fait ce que je veut, mais bizarement j'ai une <img> qui est au fond de 2,3 div dans le conteneur qui s'est fait ejecteur toute seule complettement a gauche et je comprend pas pk pasque le text de la div est bien placé mais l'img l'est pas !
 
 
ps : pk c'est pas prop ?
 
 
 
edit :
 
en fait apres inspection ca fait nimporte quoi lol  :lol:


Message édité par EpoK le 25-03-2004 à 20:17:55
Reply

Marsh Posté le 25-03-2004 à 20:22:24    

Tu as essayé de jouer un peu avec width et background-position ?
Sinon, je suppose juste que qq'un va trouvé mieux. ;)

Reply

Marsh Posté le 25-03-2004 à 20:39:45    

kalex a écrit :

Tu as essayé de jouer un peu avec width et background-position ?
Sinon, je suppose juste que qq'un va trouvé mieux. ;)


 
ben en fait le probleme c'est que le conteneur fait comme si les div était pas dedan, donc niveau width j'ai mixé en px ca passe
 
mais c'est pour la height, le probleme c'est que si l'user zoom ben ca fait nimp et les div dépasse en bas :$
 
je comprend vraiment pas comment une div ne réagisse pas à une div qui est dedans  [:meganne]

Reply

Marsh Posté le 25-03-2004 à 20:49:34    

Encore un bug d'IE, parcequ'avec display table tu ne devrais pas avoir de problème... Insère un élément après la fin de tes float (un div par ex) avec style="clear: both;", ça interrompt le "flot".

Reply

Marsh Posté le 26-03-2004 à 16:44:19    

kalex a écrit :

Encore un bug d'IE, parcequ'avec display table tu ne devrais pas avoir de problème... Insère un élément après la fin de tes float (un div par ex) avec style="clear: both;", ça interrompt le "flot".


 
j'utilise firefox comem browser  [:proy]  
 
 
merci la solution fonctionne  :jap:

Reply

Marsh Posté le 26-03-2004 à 16:53:25    

Well, en fait, quand tu fais un float, l'objet sort du flux courant, il n'est donc plus compté pour la hauteur de ce dernier. Le clear both permet de se placer en-dessous de toute boite flottante, ce qui permet d''atteindre aticifiellement la hauteur des objets flottants.

Reply

Marsh Posté le 26-03-2004 à 18:04:44    

gizmo a écrit :

Well, en fait, quand tu fais un float, l'objet sort du flux courant, il n'est donc plus compté pour la hauteur de ce dernier. Le clear both permet de se placer en-dessous de toute boite flottante, ce qui permet d''atteindre aticifiellement la hauteur des objets flottants.


 
oki  :hello:  
 
par contre j'ai un truc bien bien louche avec firefox, quand je refresh la page (sans toucher au code of course) une fois deux il ne machine pas un bou des borders à gauche et à droite au niveau de mes div qui sont dans le conteneur, je fait F5 elle sont là, F5 elle disparaisse.
 
je pense que c'est un bug du navigateur car avec momo ca marche... ca me soule faut que je trouve une solution :)

Reply

Marsh Posté le 26-03-2004 à 18:09:44    

En fait pour détailler un peux mon but est de faire ca :
 
http://perso.wanadoo.fr/epok0/hum.png
 
Donc 6 c'est le conteneur avec deux div pour faire la technique centrage pour feinter IE.
 
ensuite 1 & 2 dans une div en left, 3 dans une div en left, et 4 & 5 dans une deniere div en left,
 
et donc en fait mon conteneur ne décendait pas jusqu'en bas.
 
Il y a surment moin bidouille pour arriver à ca non ?  [:proy]

Reply

Marsh Posté le 26-03-2004 à 18:09:44   

Reply

Marsh Posté le 27-03-2004 à 08:47:53    

personne ?

Reply

Marsh Posté le 28-03-2004 à 17:20:32    

EpoK a écrit :

En fait pour détailler un peux mon but est de faire ca :
 
http://perso.wanadoo.fr/epok0/hum.png
 
Donc 6 c'est le conteneur avec deux div pour faire la technique centrage pour feinter IE.
 
ensuite 1 & 2 dans une div en left, 3 dans une div en left, et 4 & 5 dans une deniere div en left,
 
et donc en fait mon conteneur ne décendait pas jusqu'en bas.
 
Il y a surment moin bidouille pour arriver à ca non ?  [:proy]  


Bon, déjà, je te propose de changer d'approche:
 
1 & 2 dans un div left => OK
4 & 5 dans un div left => 4 & 5 dans un div right
3 dans un div left => 3 normal avec une marge à gauche et à droite égale à la largeur des flottants
 
Enfin, apèrs tout ça, rajoute simplement un div (appelons-le footer) dans 6 avec le fameux clear:both.

Reply

Sujets relatifs:

Leave a Replay

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