<table> vs <div>

Lucrez la o interfata HTML pentru un produs si vreau ca aceasta interfata sa fie construita doar folosind div-uri si css pentru a permite utilizatorilor modificarea layout-ului doar prin schimbarea css-ului. Insa am ajuns la afisarea tabulara a datelor (eg. afisarea caracteristicilor unui produs sau afisarea comenzilor unui client) si aici mi-am cam prins urechile.
Designer-ul cu care lucrez pe partea de CSS-uri mi-a sugerat sa raman la afisarea cu tabele+css pentru ca simularea tabelelor cu div-uri este delicata. Daca acum 2-3 ani in urma aceasta chiar era o problema acum chiar nu inteleg de ce dupa aparitia lui CSS2.0 si atata lobby pentru inlocuirea vechiului HTML4.0 cu XHTML inca mai suntem nevoiti sa recurgem la vechile tag-uri ca sa rezolvam o simpla problema cum e afisarea tabulara a unor date.

Edited by urban, 29 June 2009 - 15:43.

Foloseste css. Apeleaza la altcineva daca el spune ca nu vrea/ nu poate.

Standardul XHTML specifică foarte clar care este scopul tabelelor, pentru că ele există și în acest standard.
      Dacă ai informații pe care e natural să le prezinți tabular folosește UN tabel.
      
      Nu e bine să folosești tabele pentru layout pentru că ajungi să ai multe tabele imbricate care îngreunează browserul și măresc exponențial dimensiunea fișierului html care ajunge ușor ilizibil.
      
      //
      Când mai dați sfaturi vă rog să vă opriți și să vă gândiți bine înainte. Nu tot ce zboară se mănâncă. Nu mai fiți așa obsedați de "modă".
      Garantez că am stat și m-am gândit mult înainte să dau sfaturile astea.

< table>
  	< thead>
		  	  	< tr>
			  	  	  	< th>id< /th>
			  	  	  	< th>nume< /th>
		  	  	< /tr>
	  	< /thead>
	  	< tbody>
		  	  	< tr>
			  	  	  	< td>0< /td>
			  	  	  	< td>Ion< /td>
		  	  	< /tr>
		  	  	< tr>
			  	  	  	< td>1< /td>
			  	  	  	< td>Gheo< /td>
		  	  	< /tr>
	  	< /tbody>
< /table>



.tbl {
		..
}
.tblhead {
  ..
}
.tblbody {
		..
}
.tbltr {
		..
}
.tblth {
		..
}
.tbltd {
		..
}


< div class="tbl">
	  	< div class="tblhead">
		  	  	< div class="tbltr">
			  	  	  	< div class="tbltd">id< /div>
			  	  	  	< div class="tbltd">nume< /div>
  	  	< /div>
  	< /div>
	  	< div class="tblbody">
		  	  	< div class="tbltr">
			  	  	  	< div class="tbltd">0< /div>
			  	  	   	< div class="tbltd">Ion< /div>
		  	   	< /div>
		  	  	< div class="tbltr">
			  	  	  	< div class="tbltd">1< /div>
			  	  	  	< div class="tbltd">Gheo< /div>
		  	  	< /div>
	  	< /div>
< /div>

Care ți se pare mai lizibil?
Și dupaia vreau să completezi tu CSS-ul ăla și să-mi zici cu care își bate mai mult capul browserul și câte ore o să te chinui să îl faci să arate identic pe IE6, IE7, IE8, FF2, FF3, Opera8, Opera9, Chrome și eventual Safari.

Edited by sergiu_spooky, 29 June 2009 - 16:55.

Deci sa inteleg ca solutia este div+css si unde am date tabulare sa folosesc totusi tabele+css.

Da, adica designerul tau are dreptate, adica cam aberezi in ultima propozitie din post.

Quote

- Nu s-a făcut lobby pentru înlocuirea HTML cu XHTML. Dacă s-ar fi întâmplat asta, nu mai lucrau de zor la HTML 5
- Și <img> este unul din vechile tag-uri. La fel și <p>. Înseamnă că nu le folosești?
- Imaginează-ți că vrei să faci operațiile complexe din Excel în Word.

Una peste alta, ai idee ce e aia semantică?