CSS – SPAN místo tabulek

Chcel som pouzit nieco taketo, miesto klasickej tabulky:

<div style="border-bottom-width: 1px; border-bottom-style: solid;
   border-bottom-color: gray" class="textb">
   <span style="width: 160px">Rok 1998</span>
   <span style="width: 160px; color: gray" class="infoi">Miesto a krajina</span>
   <span style="color: gray" class="infoi">Popis</span>
</div>

Ale sirka pre SPAN funguje iba v IE.
Dalo by sta spravit aj inak, alebo pouzit klasicku tabulku?
(bud to pomerne dlhy zoznam, kde musia byt ca. 3-4 stlpce)

Pokud to chcete pres span, musite mu dat hodnotu „display:block“, protoze je to radkovy prvek nefunguji sirky.
Div je blokovy prvek u ktereho funguje sirka (nemusite davat „display: block“.)

jinak vam tam jeste chybi „float:left“

Napr.

<div style="border: solid 1px gray; width: 300px">
   <div style="width: 100px">Rok 1998</div>
   <div style="width: 100px; color: gray">Miesto a krajina</div>
   <div style="width: 100px; color: red">Popis</div>
</div>

---

Skusil som to aj takto:

<div style="border: solid 1px gray; width: 300px">
     <div style="width: 100px; display: inline">Rok 1998</div>
     <div style="width: 60px; color: gray; background-color: blue; display: inline">Miesto
     a krajina</div>
     <div style="width: 100px; color: red; display: inline">Popis</div>
</div>

a tiez mi to funguje. Akurat, ze sirka musi byt pri -2, lebo inak sa to zalomi.

jen bych doplnil – pokud chcete zobrazovat tabulkova data a nejedna se o rozvrzeni stranky (layout), tak samozrejme pouzijte tabulku.

display: inline – vyhodit
float: left – toto tam musi byt, jinak to nebude vedle sebe
hlavne, ze jsem tam napsat float 🙂

oprava

<div style="border: solid 1px gray; width: 300px"> 
     <div style="width: 100px; float: left">Rok 1998</div> 
     <div style="width: 100px; color: gray;float: left">Miesto a krajina</div> 
     <div style="width: 100px; color: red;float: left">Popis</div> 
 </div>