Jag är oldschool och bygger mina sidor med ett oändligt antal tabeller i tabellerna. Jag har inga problem med detta, jag har koll. Dreamweaver vet var jag är. Jag vet var jag är. Har byggt upp en stor sida med Drupal 5. Märkt att dom som så många andra hanterar placering utav allt visuellt med hjälp utav CSS stylesheets, klasser, DIVar, osv. Kort och Gott CSS.

Tabellerna ser precis lika dana ut i IE och i Firefox = Jag glad.

Jag har verkligen svårt att förstå fördelarna med att göra detta i CSS.

Kan någon övertala mig ?

Eller jag formulerar om frågan: Finns det någon anledning till att inte bygga upp sidan med tabeller ?

SEO Mässigt ?

Lär mig er optimala väg att sätta upp layouten för en stor komplex sida.

Tabeller är för tabullär data, inte uppbyggnad av sidor. Räcker för att jag ska använda CSS :)

SEO Mässigt ?

Jag använder divar med vettiga id:n och klasser. Sedan lite css på det så...

Största fördelen för mig är väl att det blir mindre kod och enklare uppbyggnad av sidan.

Här är några mina argument:

1. Det är fel. Som skrivits ovan ska inte tabeller användas för annat än tabulerande data. 2. Renare klientsidekod. Man får mindre mängd kod, som är lättare att hantera både för sökmotorer och user-agents. Snabbare rendering. Detta gäller till störst del om du även separerar innehållet från utseende och använder separata stylesheets.
3. Bättre besökarupplevelse. Stylesheetet laddas ner och cachas. En tabell med utseendeinformation i sig gör att sidan blir större och besökarna måste ladda ner informationen för varje sida.
4. Sökmotoroptimering. Google gick nyligen ut och sa att man bör skriva semantiskt korrekt för att underlätta för deras spindlar (jag hittar tyvärr inte länken längre, typsikt nog)

okay, intressant...

ni har snart övertygat mig =)

Jag borde lära mig grunderna i CSS bättre

Ett av de starkaste argumenten är väl ändå utvecklingstid. Med divar istället för tabell så kan jag garantera att du kan bygga samma sida mer än dubbelt så snabbt, samt göra den mer mottaglig för ändringar i framtiden.

Lämna tabeller. Dessutom är det superenkelt att lära sig strukturera med divar.

Enda argumentet för tabeller och mot divvar är väl att det är lite enklare att få saker och ting på samma plats oavsett besökarens läsare.

Argumentet "Tabeller är för tabullär data, inte uppbyggnad av sidor." är väl lite trångsynt? Brödknivar är till för att skära limpa (och annat bröd) med, men de är jättebra till att filéa större fisk också. Betyder det att det är "fel" av mig som kock att använda en brödkniv istället för en filékniv till detta?

Ett bra svar på div-frågan är: -För att jag kan.

Det blir lättare att uppdatera layouten i framtiden om du håller html-koden och css:en åtskilda. Html-koden bör inte användas för att styra layouten på något sätt utan det gör du med css:en. Det underlättar även för besökare som använder andra typer av browsers, t.ex. skärmläsare, att de enbart får se (höra) den information som finns på sajten utan onödig markup som stör.

Okay =)

Följande är viktigt för mig: Dynamisk byggande utan att man låser in sig, struktur, ordning, effektivitet.

Jag har super-koll på mina tabeller. Man kan ställa Padding osv. Jag styr hela mitt utseende väldigt snabbt med väldigt stor kontroll. Och det ser till 100% likadant ut i alla browsers. Slipper massa fix-kod.

Men CSS låter bra. Och jag lär mig väldigt snabbt. Så jag ska kolla mer på det utan tvekan.

Tyvärr är datorer rätt trångsynta och dumma, de förstår inte att du använder tabeller för att styla din sida utan tror att innehållet är tabulär data. Om man istället beskriver den data man har på rätt sätt med rubriker, stycken, tabulär data etc. enligt standarden så kan datorerna mycket bättre bedämma vad din sida innehåller. Den semantiska webben.
Vill man att sina användare ska förstå innehållet lika bra som datorerna kan man styla sidan med CSS :)

mina sidor hamnar alltid bra på google.... 110% tabeller

Kan man visual formatting model, boxmodellen och andra grundstenar för CSS och HTML är det lika lätt (om inte enklare) att få det att se exakt likadant ut i flera olika webbläsare.

Bara för att man inte kan / har lärt sig CSS ordentligt betyder det inte att det är sämre. Visst kan man tänka "jag kan tabeller så varför ska jag lära mig något nytt?", men varför ska man det? Världen skulle verkligen se tråkig ut om alla människor hade nöjt sig med att inte lära sig något nytt (tänk dig grottor och stora träklubbor fortfarande).

Nu blandas det ihop en hel del här. Låt mig räta ut några frågetecken.
CSS (Cascading Style Sheets) har inget med tabeller att göra, utan är enkelt uttryckt att man lägger formateringsinformation i en särskild fil eller på en särskild plats i dokumentet där man kopplar informationen till olika element, antingen element för element via unika namn, eller tagg för tagg eller - det är här cascading kommer in - att elementen ärver egenskaper av varandra. Fungerar med alla typer av design och rekommenderas för alla. Fördelarna är groteskt stora, framför allt slipper man att ange och ändra formatering på varje element utan kan i lugn och ro samla allt och ändra allt på ett ställe.

Tabeller eller andra element för att styra layout i stort är en annan fråga. Den enormt stora fördelen med tabeller är att de fungerar out of the box, det fungerar direkt i alla webbläsare och är enkelt att använda om man inte nästar allt för många tabeller i varandra.
Tabeller är hittills också det enda element som kan överföra information om höjd, bredd mellan olika oberoende element utan att tillgripa javascript eller liknande.

Andra metoder är till exempel områden ( div ), listor (li) .
Fördelen här är just att de är oberoende av varandra och därmed ökar frihetsgraden i skapandet. Nackdelen är just att de är oberoende vilket medför att man får tillgripa speciella metoder för att överföra information mellan dem.
Var och en har sina fördelar - och nackdelar.
Rätt utförda löser de problem både för skapare och användare.
Fel användt blir det onödigt jobbigt att skapa och underhålla, och ser konstigt ut för användaren.

Att som en del hävdar att man ska kasta ut tabeller helt är helt poänglöst, tabeller är mycket användbara och praktiska för att presentera strukturerad information.
Däremot går det idag att skapa en övergripande sidstruktur utan att använda tabeller, vilket man inte kunde bara för några år sedan, men man får vara beredd på att allt inte fungerar exakt som det gjorde med tabeller.

Att använda CSS är en självklarhet för seriösa webbskapare, likaså att använda tabeller och div där de tillför något.

Nån som kan rekommendera en tutorial i ämnet? bygger mina sidor med tabeller men har nu insett att det är dax å tänka om..

Den här sidan använder jag, praktiska och fungerande kodexempel som det är lätt att lära sig av.
http://www.glish.com/css/home.asp

Du hittar ett gäng med sköna video tutorials från CSS-Tricks av Chris Coyier.

http://css-tricks.com/videos/

Nja det där är väl ett ganska dumt argument. Du kan lika gärna säga "Är man proffessor i kärnfysik så är det lika lätt att skapa ett kärnkraftverk som att bygga en vedbod".

Boxmodellen och allt det där är säkert lätt när man kan det, men så brukar det ju vara med saker man redan kan... Men du kan ju inte komma och påstå att boxmodellen är lika enkel att lära sig som det är att lära sig att använda tabeller. Det är ju helt olika kunskapsnivåer som krävs för dessa två saker.

I övrigt måste jag säga att Magnus_A's inlägg ovan förtydligar det hela på ett bra och förståligt sätt. Det går tyvärr ett visst snobberi bland vissa här på WN i att allt ska göras på ett visst sätt trots att det finns enklare sätt att få samma resultat

*EDIT* Stavning...

För att lägga mig i debatten.

Gjorde för en kundsräkning om hans gigantiska sida från tabellbaserad layout till Div/CSS baserad layout.

För att lägga lite statistik på det hela:
C:a 610MB räcker som argument för mig, visserligen en diff på 59st besökare men ändå...

Du har så klart rätt i det du säger och jag överdrev mitt inlägg lite. Men det verkar som om många klagar på att css är så himla svårt att förstå och komma underfund med. Men läser man på om dessa olika specifikationer och hur w3 har tänkt får man en helt annan förståelse än om man sitter och testar sig fram och läser någon dålig tutorial som går igenom hela "css"-tekniken på 1 sida.

Sen att jämföra kärnfysik med webbutveckling är kanske att ta i ;)

Vad fick mig att inse att css/div är bättre än tabeller?
http://www.csszengarden.com/

En htmlfil med all data och en css fil för layout. Ute till höger kan du ändar layout (byta css-fil) och som du kan se rör det inte sig om småförändringar i text osv, utan stora visuella förändringar i layouten, tack vore bra css.

Ta en titt och njut av smidigheten. Flexibiliteten i att köra css/div är oändligt mycket större än med tables.

Dessutom läses tabeller fel, rent logiskt sett många gången. Navigationen hamnar under materialet, headern under en oviktig men visuell box. Ja, det kan bli en röra.
Ta en titt på dina sidor med en textbaserad webbläsare så som lynx, är din sida logisk där, då har du gjort ett bra jobb.

Dock skulel jag vilja säga att påståendet Tabeller vs. css är fel. DU kan bygga en sida med css och tabeller. snarare rör det sig om vilket element du ska lägga din css på.

Jag har också gått från de gamla hederliga tabellerna till CSS och DIV:ar. Kan varmt rekommenderas, allt blir enklare och roligare.
Ändra på ett ställe och det slår, självklart beroende på hur man byggt sin sajt, överallt där det ska.

Friheten att bygga med "block" och att kunna lägga dem vart man vill på sidan är oslagbar!

Underlättar också en hel del att kunna lägga in en rad som en DIV i en loop istället för att behöva lägga <tr><td>Innehåll</td></tr>.

Go for it! :)

Ledsen att jag inte har något konstruktivt att komma med, men är det bara jag som är lite förvånad över att denna diskussion äger rum år 2008 på ett webmasterforum?

(känner att jag kommer få mycket skit för det jag just skrev...men jag chansar.)

men tyvärr så följer ju inte alla läsare W3... Saker och ting ser ju olika ut i IE och FF utan "specialhack" och det är dessa specialjox som är argumentet "mot" CSS-layouts.

Missförstå mig rätt nu, jag är inte mot CSS, jag menar bara att det inte är så perfekt och fulländat som vissa påstår.

Bara lite :P

Vi får ju inte glömma att för bara några år sedan så gick det överhuvud taget inte att positionera nånting på en websida utan att använda tabeller, eller ännu värre, ramar. För mej är det en lyx att slippa använda tabeller till allting, även om det händer att det slinker med en liten tabell ibland av gammal vana :)

Jag kan inte tala för trådstartaren men för egen del började jag med tabeller för 10 år sedan och det är svårt att ta in nya tekniker när man har fullt upp med de gamla.

Det är inte alla som sitter i en skyddad fabrik och kan latja runt med nyheter ett par timmar om dagen som en del gör på större företag.

Inte förvånad men ledsen. Och lite lätt frustrerad. Sen så är det här en så sjukt återkommande fråga. En gång i månaden så är den uppe. Och en gång i månaden är folk framme och hittar på en massa konstiga svar. "Divvar". Man ska bygga sina sidor med "divvar". "Vi får ju inte glömma att för bara några år sedan så gick det överhuvud taget inte att positionera nånting på en websida utan att använda tabeller, eller ännu värre, ramar." Bland det värsta jag hört hittills. Påstående som baseras på ... ja inte fakta.

Att folk har ett intresse av att lära sig det grundläggande inom webbutveckling ska självklart uppmuntras..

Moderator borde göra en sticky av den av alla de här trådarna som har mest konstruktiva svar och i fortsättningen förbjuda frågan..

jag har varit från branschen i flera år... och är inne i spelutveckling... jag ska börja bygga ett större projekt snart och vill bara höra professionella argument för och emot.

Jag har byggt en Drupal 5 sida som blivit väldigt stor där jag verkligen ser massa fördelar med CSS.

Medans jag förr i tiden grunda all layout på hiarkier utav tabeller och dessa sidor har blivit riktigt bra och stora också.

Men det verkar vara ungefär som jag trodde, det finns inga riktiga rätt och fel. Vart problem kräver sin lösning.

Jag kommer blanda, that's it.

Det viktigaste. SEO mässigt verkar det inte ha någon super impact.

Tack alla

Hoppas inte spelen blir lika bloatade som hemsidorna. Eller använder ni föråldrade tekniker där också? :P ;) :D

Vill inte verka dryg men hur länge har du själv sysslat med webutveckling och när började du lära dig?

Jag började som sagt själv för 10 år sedan och då fanns det knappt en tutorial där ute som inte positionerade allt med tabeller.
CSS användes mest för att stajla, inte för att positionera.

Att samma fråga kommer upp gång på gång har enkla och logiska förklaringar.
- En majoritet av alla forum har usla sökfunktioner
- Det går oftast fortare att få svar genom att skapa en tråd än att göra en sökning eftersom man sällan hittar rätt med sökningen