2010-12-01 9 views
3

Actuellement, mes DIVS sont disposés comme ceci. C'est basique float:left. FacileComment poser mes DIV dans une grille unique?

http://imgur.com/FSiTs.jpg

Mais si je veux tourner certaines de ces DIVs carrés dans l'un qui est deux fois plus large/long? Ils seront choisis au hasard, bien sûr. Comment pourrais-je générer le HTML/javascript et le faire?

http://imgur.com/XsYLV.jpg

Quel est le calcul derrière tout cela? Est-ce que float:left fonctionnera toujours?

Quelqu'un peut-il donner un bon exemple de la façon dont cela peut être réalisé facilement?

Répondre

2

jQuery Maçonnerie fonctionne bien pour cela: http://desandro.com/resources/jquery-masonry/ (demo)

+0

Si je définis mes tailles DIV en seulement ces dimensions ... il regardera vraiment bien « adapter »? La maçonnerie ressemble à des lacunes. – TIMEX

+0

Je pense que si vous avez des tailles prédéfinies, elles iront encore mieux. Découvrez le site puma par exemple: http://www.puma.com/running/media – jyoseph

+0

jyoseph, c'est super, merci! Savez-vous s'il y a quelque chose comme ça pour l'iPhone SDK? – TIMEX