3x3-as táblázat <div>-el
Sziasztok az szeretném kérdezni, hogy tudnék egy 3x3-as táblázatot csinálni <div>-ekel. Ugy probáltam, hogy csináltam 3 <div>-et és mindegyik azonos szélességű és mindhárom float:left-elve van. Így egymás mellé kerülnek, de ha a második sort akarom csinálni azt, hogy lehet hogy ne mellete folytatodjon hanem alatta? Itt a kódrészlet, amiből kiindultam :Előre is kösz, ha valaki tud segíteni!
■
#A1{ float: left;
width: 32%;}
#A2 {float:left;
width: 32%;}
#A3 { float: left;
width: 32%; }
<div id="A1">
A1
</div>
<div id="A2">
A2
</div>
<div id="A3">
A3
</div>
Töröld a float-ot előbb
float: left;
width: 32%; }
Jó lett!
keret
Középső div
Táblázat classokkal
.tabla .clr { clear: both; }
<div class="tabla">
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="clr"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="clr"></div>
...
</div>
De ha ténylegesen táblázat lesz, akkor table, mert az való arra. Ennek a szemléletnek nem az a lényege, hogy mindent divekkel oldjunk meg, hanem azt, hogy azt azzal oldjuk meg, amivel kell. Fejléceket hX-l, dobozokat div-ekkel, táblázatokat table-val.
Szövegdoboz
cikk