2011-02-08 5 views
0

Je veux faire flotter les listes (DL) à gauche, comme l'image au bas de ce post.Liste à gauche flottante

Si j'utilise ceci:

dl { 
    float: left; 
    margin-bottom: 25px; 
    vertical-align: top; 
    width: 50%; 
} 

... Ensuite, les listes, que plus courte que la longue, seront placés au fond du long. Ils ne continueront pas après la liste ci-dessus.

Design of the lists

Qui de vous les gars me dire ce que je fais mal ??

Merci à l'avance ... :-)

+1

Vérifiez si 'dl' a un bourrage ou une marge natifs. Essayez de régler les deux sur 'none' –

+2

Pouvez-vous montrer votre code HTML? – Kyle

+0

Il est difficile de dire sans plus d'informations mais ne pourrait-il pas être que l'emballage est trop petit? – Trufa

Répondre

-1

Ce que vous voulez est probablement pas possible avec des flotteurs. Je pense qu'il existe des solutions JavaScript, mais je n'arrive pas à les trouver maintenant.

Une chose que vous pourriez essayer, si cela ne vous dérange pas ne pas soutenir IE est columms CSS. Déposez votre règle et utilisez la suivante à la place

+3

Il est, en fait, tout à fait possible avec des flotteurs, et une poignée d'autres techniques CSS2. BAISER. –

+0

Cette solution a fonctionné, dans les nouveaux navigateurs, si vous l'avez combiné avec ce qui suit: http://www.symphonious.net/2010/12/30/controlling-wrapping-in-css3-columns/ –

+0

@Josiah: Comment? :-) –

Questions connexes