Salut,

Je rencontre le problème décrit sur cette page http://openweb.eu.org/articles/initiation_float/ à la rubrique "Débordement et spacer".

La solution proposée est intéressante mais dans mon cas j'ai absolument besoin que la boite verte arrive au niveau de la jaune, ceci pour un souci de mise en page (cela fait suite à mon post sur les tableaux vs css).

Existe-t'il une solution svp ?

La tchnique a employer dépend enormement de ton design :

1 - si les deux elements on une hauteur fixe ou si l'élément flottant doit toujours etre plus petit que l'élément conteneur de hauteur fixe, il faut que tu définisse la propriété css:height du conteneur.

2 - si l'element placé en flottant à une hauteur fixe et que l'element conteneur à une hauteur variable, tu peut utiliser la propriété css:min-height pour définir la hauteur minimal de l'autre block. Malheureusement, cette propriété n'est pas connu de IE, il faudra donc utiliser un petit truc en JavaScript pour compenser ce problème.

3 - Si les deux element on une taille variable, il faut utiliser la solution d'OpenWeb.

D'autre cas de figure sont possible, tu peut aussi essayer de voir du coté de l'utilisation des autres méthodes de positionnement, si on pouvait voir concrètement ton design, ce serait plus facile de te répondre.

Le div bleu contient un texte centré et deux bouts d'images positionnés avec float. L'arrière-plan du div bleu se répète pour joindre les deux bouts d'image.
Collé en dessous le div jaune contient des images correspondant aux deux bouts précédents.

Mon problème : le conteneur bleu se raccourcit pour coller au texte centré. En donnant une hauteur au conteneur bleu la situation est correcte je te remercie.

Je rencontre plein d'autres soucis dans ma conversion aux css (je parle en fait de mise en page sans tableau).Faut tout le temps lutter en fait pour obtenir le résultat que l'on vise. Le fait que chaque navigateur implémente différemment (voire pas du tout) les propriétés n'aide pas du tout ...

QUOTE

Je rencontre plein d'autres soucis dans ma conversion aux css (je parle en fait de mise en page sans tableau).

C'est normal, c'est assez dure de passer d'une technique à une autre (j'en ai bien chier au début aussi !)

QUOTE

Faut tout le temps lutter en fait pour obtenir le résultat que l'on vise. Le fait que chaque navigateur implémente différemment (voire pas du tout) les propriétés n'aide pas du tout ...

ça c'est bien vrai. Néanmoins, si tu réalise un site compatible IE5/FF1 tu va couvrir 98% des cas de figure du Web traditionnel.

Pour t'en sortir, je te conseil la visite de cet excellent site :
> http://css.alsacreations.com

Et plus spécifiquement :
> http://css.alsacreations.com/Bases-et-indispensables
> http://css.alsacreations.com/Faire-une-mis...e-sans-tableaux

Merci bien, je m'en vais découvrir tout ça :-)