28172 sujets

CSS et mise en forme, CSS3

Bonjour !

Le titre pourrait paraitre peu explicite, mais voilà, ayant une suite d'éléments flottants comme celle qui suivra, je voudrais savoir comment faire pour que le dernier élément prenne tout l'espace horizontal disponible :

[Élément 1][Élément 2][Élément 3]...[Élément N]

Certes il y a la solution d'attribuer des tailles en pourcentages, mais le problème c'est que le nombre des éléments peut changer et est donc inconnu .

Quelqu'un aurait une idée ?

Merci d'avance !
Bonjour,
tout simplement en ne le rendant pas flottant et en y ajoutant une marge gauche correspondant à l'espace horizontal gauche restant si celui-ci n'est pas amené à varier ou alors en créant ce qu'on appelle un contexte de formatage bloc à l'aide d'un overflow-hidden
et une propriété lui conférant le layout (voir la FAQ) si ce bloc n'a pas déjà le layout,
pour IE6 (si nécessaire)
Modifié par Hermann (16 Mar 2009 - 13:39)
Merci beaucoup de votre réponse !

Le float:none; et overflow:hidden; ( ou auto, même effet voulu ) sur le dernier élément font très bien l'affaire, et il prend effectivement tout l'espace vertical disponible ( j'ai testé avec une couleur rouge comme arrière plan ) .

Merci encore !