Table or Div – Standardy W3C, validita a doctype – Fórum – Programujte.com

Ahoj.

Měl bych takový dotaz. Jedná se o tento problém:

Dělám stránky jedné nejmenované firmy. Stránky mají složitější layout.

A proto se ptám. Mám použít Divy nebo tabulky???


Prosím o vaše zkušenosti, výhody nevýhody, ...


Moc díky za vaše odpovědi

To WebDevelop : V dnesni dobe jedine "plovouci layout" coz je div.

souhlasím s ákáčkem, jedině divy, table-layout se používá jen pro tabulková data ;)

To Akacko :
To Minnoc :

Proč? Má to praktický význam?

To survik1 : Co me napada tak to ulehcuje praci vyhledavacum. Lepe se tam urci navaznost. Da se to lepe stylovat.

To survik1 : Já už nevim... všichni tě považujou za ohromnýho geeka, ale s tímhle seš už naprosto trapnej. To, že tě sémantika nezajímá v oblasti programování se ještě dá pochopit, ale tady seš v sekci Webdesign a standardy, tak se podle toho řiď. Díky.
Btw. vizuální význam to samozřejmě nemá - už proto, že s CSS uděláš vizuálně cokoliv z čehokoliv, takže i s tabulkami by šel udělat nějaký praštěný layout, ale kódový a sémantický význam to má. Přemýšlej o tom, mistře.

To Colpik : Já jen nemám rád, když někdo používá div jen proto, že je to "in" a každej kdo používá tabulky je nějaká ohromná lama a přitom neví rozdílu mezi tím...navíc mě taky zajímá, jestli to má i praktický důvod (a samozřejmě jaký).

Né...CSS layout není IN! CSS layout je řešení, které zajišťuje přehlednost kódu, jednoduší stylovatelnost, rychlejší načítání (no v dnešní době je tohle už jedno krom IE 6)

To Lukáš Chadraba : No, já z diskuzí, kde lidé jdou tvrdě proti těm, co tabulkový layout používají, pochopil, že CSS je zkrátka něco náročnějšího, takže je to hned lepší a tabulky si strčte někam... Takovýhle dojem to na mě zanáší.

To Colpik : ne, z table neudelas to stejne jako z divu.
To survik1 : z table nastylujes velky kulovy. navic, z divem je to univerzalnejsi, pri mensi zmene designu, nebudes muset prepisovat nejakou prastenou table s colspan, apod.

To hrach : Teoreticky můžeš - stačí využít CSS vlastnosti display a případně pozicování. Ale samozřejmě jsem zastáncem CSS layoutu.

To survik1 : Je to náročnější..ale věnovat čas naučení se tvorby CSS layoutu..ti ušetří čas při psaní webu a hlavně jeho případné editaci. Já nejsem proti tabulkomu layoutu principiálně, ale nikdy bych v něm již nic nenapsal.

Ahoj, i ja se pridam do diskuze a jednim slovem to schrnu Podle http://www.w3.org/TR/html4/struct/tables.html#h-11.1normy se tabulky používají pro tabulková data a ne pro layoutu.. Jsou normy ktere by se meli dodrzovat.. Samodrejme kdyz napises stranku jen pomoci tabulky nikdo ti hlavu trhat nebude, ale spise si o tobe neco pomysleji.. Dneska kdyz se podivas po netu a po nabidkach tak nikdo tam nechce mit layout vytvoreny pomoci tabulek! Mam pocit ze i maji problemy ctectky precist takovou stranku? Osobne jsem pred par lety cca 5 delal stranky pomoci tabulek, ale dneska uz je delam jen pomoci stylu..
Takze pokud ti mohu doporucit tak delej stranky pomoci css :-) a ne tabulek..

Já neříkám, že dělám stránky v tabulkách. Využíváš je většinou při vytváření střední části stránky, jelikož neustále odsazování a propočítávání odsazení mě vytáčí. Jen zkrátka nemám rád, když někdo něco bez potřebných informací.

Nejsem příliš zastánce validity a všech serepetiček, pokud to funguje. Mě jde o funkčnost, ne o upravenost pro návštěvníky kteří by mi rádi vykradli kódy či co já vím proč lezou do zdrojáků. A upravenost v PHP mám, to mi stačí. Sice to může vypadat, že ne, ale když hlavička, menu i patička jsou samostatný soubory...

Nejsem ale kodér, zaměřuji se hlavně na PHP. Možná se jednou doučím CSS (díval jsem se i po nějakých publikacích), ale vzhledem k mé absenci umění v grafice to nevidím nějak důležitě.

survik1
Využíváš je většinou při vytváření střední části stránky, jelikož neustále odsazování a propočítávání odsazení mě vytáčí.
Co myslíš tím neustálým propočítáváním odsazení? Já nevím, jak to děláš, ale mně vždycky stačí, pokud má layout určitou šířku či výšku si je stanovit v CSS a pak jet podle toho a prvka tam skáčou prakticky sami, popř. pokud je grafický návrh dělaný přímo na pixel si někdy něco spočítat, ale tohle by určitě bylo potřeba, i kdybych používal tabulky. největší problém je asi v tom, že ty i když děláš layout pomocí CSS stále myslíš, jak to udělat v tabulkách, proto je to možná tak těžké. Je to stejné jako např. procedurální vs. objektové programování. Lidé, kteří přešli/přecházejí z procedurálního na objektové prostě nastrkají procedury do tříd a myslí si, že takhle to má být.

Nejsem příliš zastánce validity a všech serepetiček, pokud to funguje.
Nač je potenciálnímu návštěvníkovi, že stránka funguje, pokud ji nenajde? Sémantika a validita kódu slouží hlavně pro to, aby ho stroje (rozuměj vyhledávače) mohly dobře a jednoduše zpracovat. Může nastat doba, kdy když budeš psát jako prase, ti vyhledávač řekne nazdar a tvou stránku nezaindexuje.

Mě jde o funkčnost, ne o upravenost pro návštěvníky kteří by mi rádi vykradli kódy či co já vím proč lezou do zdrojáků.
Když se tak bojíš o to, že ti někdo vykrade tvé jistě velice vzácné a ojedinělé kódy, tak bys je radši neměl na webu vystavovat.

Nejsem ale kodér, zaměřuji se hlavně na PHP.
Pak nechápu, proč tě tohle téma tak vzrušuje. Chápu, že potřebuješ obhajovat, že způsob, jakým pracuješ, je ten nejlepší. Ale nevím, jestli je potřeba ho tak vehementně vnucovat ostatním ;o)

Jinak bych k tomuhle tématu chtěl říct, že používání <div>ů a jejich nastylování vs. tabulek je stejné jako se vším jiným -- je potřeba používat správné věci k správným účelům. Např. takové křeslo a stůl -- na obojím se dá sedět, ale jen jedna z těchto věcí k tomu je určena. Bohužel v oblasti webdesignu stále přežívá zvyk sedat na stolech.

To bukaj :
Co myslíš tím neustálým propočítáváním odsazení? Já nevím, jak to děláš, ale mně vždycky stačí, pokud má layout určitou šířku či výšku si je st...
Je možný, že to jde jednoduše, mnoho parametrů neznám

Když se tak bojíš o to, že ti někdo vykrade tvé jistě velice vzácné a ojedinělé kódy, tak bys je radši neměl na webu vystavovat.
Ne, o to mi nejde, ale nemám důvod jim tam dávat hezoučký a upraveňoučký kód...rozumíš, ne?


Pak nechápu, proč tě tohle téma tak vzrušuje. Chápu, že potřebuješ obhajovat, že způsob, jakým pracuješ, je ten nejlepší. Ale nevím, jestli je potřeba ho tak vehementně vnucovat ostatním ;o)
Jen jsem položil otázku... ;)

Ne, o to mi nejde, ale nemám důvod jim tam dávat hezoučký a upraveňoučký kód...rozumíš, ne?

ok co tak hode sem na porovnanie kod s div-ami
a kod s tabulkami
aby bolo to isete napr. vertikalne menu :smile4:
ja ke dsom to riesil tak som musel pouzit js :smile9:

netman92 napsal:
ja ke dsom to riesil tak som musel pouzit js :smile9:

To Lukáš Chadraba :
a ako to ide jednoduchsie?

Samozrejme ze bez pouziti JS :)

To CommanderZ :
no to mi doslo ale ako?
skusal som googlit a aj tak som nic nenasiel
co by riesilo moj problem :smile14:

To netman92 : Pomoci CSS by to neslo? Neuvedl jsi o co se JS stara v tom menu, tak se tezko radi.

su dva panely:
1. lavy -- menu
2. pravy --obsah stranok

do toho 2 sa nacitava obsah stranok po kliknuti v menu
a vzdy sa meni toho výska podla textu obrazkov atd
ale niekedy moze byt aj mensia ako lavy panel

a js sa stara aby oba panely boli rovnako "dlhé"

no ako by sa toto dalo riesit bez js?

To netman92 :

Jednoduše:

<DIV class="obal">



	Obsah levého menu



	<DIV class="hl-obsah">

	(Tento div s float: right a nastavenou šířkou menší než obalový div v kterém je obsah levohé menu.

	</DIV>

</DIV>

no tomuto moc nerozumien neslo by to aj s css?

To netman92 : Obalový div se ti vždy roztáhne podle nejdelšího sloupce (buď hl- obsahu nebo navigace).

V CSS nastavíš vlastnost FLOAR: RIGHT a WIDTH řekněme 800px pro div HL-OBSAH a WIDTH: 1000px pro div OBAL.

1)ja nepotrebujem WIDTH ale height ak som sa zle vyjadril tak sa ospravedlnujem :smile10:
2)mam to vsetko zavrete v div kontajner
3)potrebujem to dinamicky menit nie ze tam budem mat 5riadkov textu
a bude to mat vysku 1000px :smile1:

no týmto sa stáva problém neriesiteľným.....
teda okrem js :-D :smile15:

netman92
Řekl bych, že to, co hledáš, je posáno např. na wellstyled.com[1]. Jak vidíš, Javascript vůbec nemusíš používat.

[1] http://wellstyled.com/css-2col-fluid-layout.html

To netman92 : myslim, ze to ty jsi nepochopil co To Lukáš Chadraba myslel. Ten jeho postup je bezne reseni, ktere se pouziva na vetsine webu.

Pro lepší názornost mnou popsaného řešení:

http://css.interval.cz/clanky/dvousloupcovy-layout-s-plovouci-sirkou-obou-panelu/

no vecer sa na to pozrem a adam vedet ako to dopadlo...

ahoj nevíte jestli se dá když je vlastně div simulace rámů tak jestli je pro div atribut něco jako target... aby se to otevřelo určitym tom bloku?

autcpu: Nauč se založit nové téma, prosím.

To autcpu : DIV simulace rámu? No nevím. Každopádně o ničem takovém že by měl mít div atribut jak rámec nevím a troufám si říct že je to naprostá blbost. Tohle by se dalo řešit myslím pomocí AJAXu. Zkus si něco o tom najít, však toho bude plnej net.