float c'est comme absolute ???

[spalie]

salut a tous,

j'ai un probleme que je n'arrive pas à résoudre de puis quelques jours et que je voulais vous faire partager.

j'ai une div qui s'appelle 'milieu' et qui possede un 'border' qui permet de faire la démarcation avec le reste du site.
à l'interieur de cette div, il va se positionner, en fait, une galerie de photos.
les photos sont chacune dans une div 'image'.
j'aimerai donc les mettre cote à cote pour vraiment faire une galerie. j'utilise donc dans le CSS un 'float:left'.
le probleme c'est qu'au moment ou je mets le 'float' eh bien les images se glissent sous la div 'centre'.
ce ci semble dire que float se comporte un peu comme une position:absolute, c'est à dire, que les images vont passer au dessus de tout !!

donc c'etait juste pour savoir si ce qu eje pense est vrai?

et si vous pouvez m'aider en meme temps ?


Image:

http://cyril.nadal.free.fr/probleme_image.jpg

 

[e-kiwi]

si j'ai bien compris, les divs de tes images sont à l exterieur de ton div qui fait cadre dans ton code source ?

 

[spalie]

ui c'est ça !
et j'arrive pas à les mettre cote a cote et dans le cadre noir

 

[krek]

Hello,

La position float retire une boîte du flux normal

-http://openweb.eu.org/articles/initiation_float/

Et une solution pratique pour ce que tu veux faire : SPACER
Donc : ne donne pas de hauteur à ta DIV milieu et mets un spacer en dessous des tes DIV flottantes.

-http://blog.alsacreations.com/2004/06/10/24-spacer-le-retour-a-la-prehistoire

ps : Et non, float, c'est pas comme absolute.

 

[spalie]

ok je regarde

 

[e-kiwi]

>> j'arrive pas à les mettre cote a cote et dans le cadre noir

je parlais du code source, pas du visuel

 

[Yvel]

et pourquoi mets tu tes images dans des div ?
est-ce vraiment utile ?

 

[Yvel]

difficile de dire ce qui se passe sans le code.
si tu as imbriqué tes div images dans le div milieu, tu ne devrais pas avoir de probleme avec float dans ie.
en revanche, sous ff ça pose probleme si tu n'as pas mise de hauteur de div sur milieu.
faut alors effectivement mettre une spacer comme indiqué par krek. tu peux mettre un display none pour le rendre invisible.

si tu n'as pas mis tes div image dans ton div milieu, le probleme vient de là comme le suggère e-kiwi

 

[MarvinLeRouge]

Salut,

Pourrais-tu publier ton code qu'on y jette un oeil ?

@Yvel : ce n'est pas sous FF que ça pose problème, c'est sous IE que les floats sont mal implémentés.

 

[Wells]

Tient puisqu'on est dans ce débat la je vous propose d'englober a la question précédente un cas plus général.

Voila la structure que j'ais désespérément tenté de mettre en place hier soir:

Il y a donc 5 DIV:

- le blanc: conteneur général
- le orange: contient le header
- le rouge: contient le menu
- le bleu: contient le contenu
- le vert: le footer

Le but de la manoeuvre est de créer cette structure sans passer par ABSOLUTE.

Deuxième problème, cela doit marcher sous IE et FIREFOX.

Enfin détail trés important, j'utilise un doc type XHTML STRICT 1.0. Et cela change tout et vi!

Et la c'est le drame, je n'y suis pas arrivé, et pourtant me suis acharner!!
Au final j'ais abdiquer et mit un <table> pour diviser la page en deux....

Donc si qq'un a l'astuce, je suis preneur.

NB: le positionnement via float:left marche avec firefox mais pas ie....

 

[Wells]

Hop je me répond a moi meme ^^:

http://forum.alsacreations.com/topic-4-14348-1-Mise-en-page-gnrale.html

Voila pour la solution au probleme, il faut utiliser clear:both