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:

<div>
  <div class="cucc">
  </div>
  <div class="cucc">
  </div>
  <div class="cucc kisebb">
  </div>
</div>


.cucc {
display: inline-block; /* ez itt a lényeg */
width: 300px;
height: 200px;
margin: 0 5px;
background: #036;
}
.kisebb {
width: 200px;
height: 200px;
}
Í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 :)