ugrás a tartalomhoz

Divek elhelyezése egymás mellé

Joó Ádám · 2006. Feb. 12. (V), 18.02
Legyen akármilyen kicsi is két div, és tegyem akár egy fixált magasságú harmadik div-be őket, akkor is egymás alatt jelennek meg. Hogyan lehetne elérni (fix pozícionálás nélkül), hogy egymás mellé kerüljenek?
‹ javascript - xml nodeset Multiple select firefoxban és chrome-ban ›
 ■
1

float

pint3r · 2011. Már. 26. (Szo), 11.02
A belső div-eknél float: left; -et használj. Ha szélesebbek mint a befoglaló div akkor viszont úgyanúgy le fogja tenni egymás alá.
2

inline-block

Burnee · 2011. Ápr. 7. (Cs), 10.18
Egy másik megoldás:
  1. <div>  
  2.   <div class="cucc">  
  3.   </div>  
  4.   <div class="cucc">  
  5.   </div>  
  6.   <div class="cucc kisebb">  
  7.   </div>  
  8. </div>  
  1. .cucc {  
  2. display: inline-block; /* ez itt a lényeg */  
  3. width: 300px;  
  4. height: 200px;  
  5. margin: 0 5px;  
  6. background: #036;  
  7. }  
  8. .kisebb {  
  9. width: 200px;  
  10. height: 200px;  
  11. }  
Így az egymás melletti dobozok alja lesz egy vonalban és nem kell clearfloat.
Nem 100%-ban böngészőfüggetlen, de általában jól használható.
3

Remélem láttad, hogy több,

Joó Ádám · 2011. Ápr. 7. (Cs), 10.56
Remélem láttad, hogy több, mint öt éves :) Akkoriban azt hiszem ez még szóba sem jött volna, ha a legnépszerűbb böngészőt is meg akarod célozni.

Azt pedig, hogy hogyan rendeződnek vonalba, a vertical-align-nal tudod állítani.
4

Előbb utóbb minden kérdésre

szabo.b.gabor · 2011. Ápr. 8. (P), 09.17
Előbb utóbb minden kérdésre megjön a válasz :)