ugrás a tartalomhoz

Div wrapping

therest · 2011. Ápr. 8. (P), 16.16
A következő problémába szaladtam bele:
Van egy div aminek a tartalma dinamikusan változik, de mindig X (ez nem állandó) darab 100*100 divet tartalmaz.
Arra lenne szükségem, hogy a kicsi diveket ne törje egymás alá, hanem a konténer dinamikusan táguljon a tartalomnak megfelelően.
Próbáltam a tartalmazó divnek white-space:nowrap;-ot adni (mást nem nagyon találtam wrappingal kapcsolatban).
A kis diveket float:left-tel, és anélkül is megnéztem. Float left-tel persze követik egymást a divek amíg el nem érik a képernyő szélességét, aztán betördeli őket.
(A konténer nem lehet owerflow hidden, mert ez fog majd csúszkálni egy másik divben mint slider.)

Körbenéztem már, de nem találtam rá elegáns CSS megoldást, tipp?
 
1

inline

ironwill · 2011. Ápr. 8. (P), 16.53
div.dinamic_container {display: inline} //vagy
div.dinamic_container {display: inline-block} //?
2

inline elrendezésnél nem

Karvaly84 · 2011. Ápr. 8. (P), 19.37
inline elrendezésnél nem tudod a méretet állítani, ellenben a inline-block-al.
4

tudom

ironwill · 2011. Ápr. 11. (H), 09.46
Csak az inline minden böngészőben működik, az inline-block viszont már nem ennyire biztos.

Azért írtam mindkettőt, hogy ha nem számítana a méret állítási lehetőség, akkor használhatja simán az inline-t.
3

Köszi.

therest · 2011. Ápr. 9. (Szo), 17.37
Ez működött, de nincs ennél szebb módja? Kicsit fura ez a display váltás. Vagy ez elfogadott?
5

Teljesen elfogadott.

ironwill · 2011. Ápr. 11. (H), 09.52
Ez a legegyszerűbb (és talán egyetlen) megoldás, ezért egy fejlesztőnek a legszebb is.. :)