DIV vs TABLE

[oriceon]

Se pare ca lumea se orienteaza din ce in ce mai mult catre CSS - DIV..... si lasa in urma TABLE ......... Care este parerea voastra? Voi ce alegeti?

Si ca un end frumos, cine cunoaste niste tutoriale frumoase in css, sau cine poate da niste lectii CSS aici.. este bine venit;)

http://www.w3schools.com/css/default.asp

[bld]

inceacra http://htmldog.com

[punctweb]

http://www.csszengarden.com/

[avaly]

Nu vine sa cred ca inca se mai pune problema "Ce alegeti intre CSS si table-less layouts si TABLE?"!

Numai la noi se putea intampla asa ceva. De cel putin un an incoace nu am mai auzit de nimeni din afara care a lansat un site cu un layout bazat pe tabele.

Se pare ca la noi comunitatea dezvoltatorilor de web e putin in urma. Suntem in era tehnologiei, si tot in urma suntem.

[avaly]

Si ca sa fiu in ton cu lumea:
http://cssvault.com/resources.php

[johnutz]

Şi... http://css.maxdesign.com.au/
Dar în special http://css.maxdesign.com.au/floatutorial/

[oriceon]

avaly, eu sunt programator... nu designer. Stiam de mult de CSS design .. stai fara griji insa de ceva vreme a inceput sa ma preocupe acest domeniu... si fac sapaturi. Si de.. MULTA LUME inca a ramas pe TABELE nu pe DIV`uri..

[aolex]

multa lume care habar nu are design ... div-urile sunt mult mai flexibile , au
mai mult optiuni etc. ... cu tabele e nasol

[bld]

dar totusi la tabele nu-ti trebuie atatea hack-uri

[arond]

Cred ca problema e pusa gresit. Nu tabele versus div-uri e de fapt problema, ci markup-ul structural versus markup-ul prezentational.

Ideea trendy acum (si care are sens) este ca HTML trebuie folosit doar pentru a defini structura unei pagini (header, content, footer, etc), iar CSS sa fie folosit pentru a defini modul in care se face prezentarea (culori, linii, imagini, etc).

Tag-ul HTML DIV este ideal pentru asta pentru ca din punct de vedere prezentational e neutru inca din vechime, recte nu defineste bordere, padding-uri, margin-uri etc.

Alte elemente structural importante sunt listele (UL, OL, DL) pentru ca definesc bine anume parti din structura unui document (table of contents, meniuri, liste de elemente asemanatoare).

Partea neplacuta este ca lumea e plina de neconformante cu standardele, standarde care au si ele problemele lor. In plus, apar si bug-uri... mai ales la CSS float, care este mecanismul esential prin care un DIV sau un LI poate fi asezat in pagina dupa voie.

Dupa parerea mea, HTML-ul per-se o sa dispara la un moment dat (si destul de curand), motivul fiind faptul ca ii lipseste foarte mult din interactivitatea necesara noilor tendinte in materie de web (site-uri care sunt in mod fundamental interactive), spre deosebire de ideea in care a fost conceput HTML-ul (pentru prezentarea statica a unor documente). In plus, o idee importanta legata de HTML este ca user-ul/user agentul-ul (browser-ul) determina modul de prezentare al unor elemente, dar practica cere ca designerul (cel care ofera continutul) sa controleze strict modalitatile de prezentare, de unde un milion de grozavii - 1px GIF, etc/etc.

Probabil ca la un moment dat, vor fi standardizate, plecand de la XML, lucruri specifice: UI, animatie, multimedia, etc, chestii care vor trebui suportate de browsere sau, de ce nu, chiar de GUI-ul sistemelor de operare in sine. User agent-ul ideal dupa parerea mea: o aplicatie care sa stie sa manipuleze XML si care ofera o arhitectura deschisa, pe baza de plugin-uri, pentru felurite modalitati de prezentare.

Am obosit .

Numa' bune.

[oriceon]

arond, frumos post si total de acord cu tine insa nu ti se pare mai usor lucrul cu TABLE decat cu DIV-uri css... ?

[i0nutzb]

îmi place să fac layout pe bază de tabele, deoarece stau mult mai puţin să le fac şi în plus am certitudinea că se va vedea la fel (sau cu foarte mici diferenţe) în toate broserele. nu ştiu cum sunt alţii, dar eu prefer sa stau 30 secunde să desenez un tabel si 7 celule decât să fac o grămadă de div-uri, să le testez în Nşpe browsere şi dupa aceea să văd că totuşi există încă un browser. şi tocmai în ultimul nu se vede bine...
totuşi, exista adobe golive cs2 care este puternic orientat pe css care însă mi se mişcă foarte greu pe calculatorul meu şi nici nu sunt obişnuit cu el
oricum, de aprox 2 luni citesc şi eu pe sărite câte un rând despre css&shit...
sper ca într-o bună zi să le pricep şi eu

[oriceon]

Tocmai, la fel si eu sunt... imi place mai mult sa "desenez" sites in TABLE pentru ca stau mult mai putin insa se pare ca mai nou a inceput sa ma preocupe si CSS & DIV ....


Daca cineva poate da lectii aici sau are vreo adresa cu tutoriale bune, sunt bine venite deoarece consider ca multa lume este interesata de subiectul acesta.

[NDC]

Parerea mea e scurta:

<TABLE>: sucks
CSS: rulzz

La tabele e nasol ca, la designuri complicate, ramane de obicei o gramada de spatiu neocupat prin celule/randuri, care nu il mai poti folosi (tabelul fiind... o zona dreptunghiulara). Cu DIV & CSS te-ai scos: ii faci frumos un float si pluteste unde vrei tu... alte DIV-uri din jur nu sunt constranse la acceasi inaltime (ca in cazul <TD> etc.)

Un tabel cu o singura celula? Nasol, etichete folosite degeaba: <table><tr><td>Continut</td></tr></table> ??? Sa fim seriosi, mai degraba
<div class="myDiv">Continut</div>

Si, daca tot nu v-am convins, sa stiti ca TABLE este de fapt o aplicatie a etichetei DIV. Citez din memorie din specificatia CSS 2.0:

Stiluri implicite pentru elementele TABLE, TR, TD:

<TABLE> == <DIV style="display: table">
<TR> == <DIV style="display: table-row">
<TD> == <DIV style="display: table-cell">

Evident, aceste atribute CSS sunt suportate de toate browser-ele momentului, mai putin unul, ghiciti care? Da, IE. Ideea: se poate simula un tabel in CSS, sau mai bine zis, un <TABLE> poate fi privit ca o succesiune de <DIV>-uri ca cele de mai sus, cu constrangerea ca suntem obligati sa le folosim cel putin o data pe primele trei, imbricate.

Concluzia: in cazurile in care este nevoie de afisarea unor randuri de date pe coloane (deci un DIV mare ce contine DIV-uri orizontale ce contin DIV-uri verticale), se poate simplifica procesul folosind <TABLE>. In caz contrar, DIV & CSS.

[yokozona]

Daca lucrul cu tabele este cam la fel pe toate browserele, cu DIV-urile lucrurile stau altfel, adica te trezesti ca daca creezi un site si il testezi pe vreo 3 - 4 browsere cum fac eu, si totul e ok, mai sunt si alte browsere in care continutul DIV - ului apare in locuri total nepotrivite.

Astfel pe langa CSS mai cred ca trebuie si ceva JavaScript.

Dar in concluzie sunt adeptul lucrului cu ambele variante in functie de necesitati.