CSS vs table layout !

Tabel design/layout har altid eksisteret i mangel af bedre. Det har lige fra starten været et forsøg på at omgå de begrænsinger der lå i HTML speciefikationen for at lave et designpræget document i stedet for et semantisk.

Heldigvis har w3c fulgt med tiden og løbende udbygget mulighederne for at udnytte både de semantiske fordele i HTML, men også de designmæssige aspekter. Dette har de gjort vha. af CSS.

HTML i sin rene form var 100% semantisk, dvs beskrivende. Det indeholdte ikke tags til at style udseende af teksten udelukkende til at skrive det.

Gennem tiden har diverse browser producenter så indført properitære tags der gjorde dette muligt. W3c fangede hurtigt trenden og udviklede css der fungere som en erstatning for disse.

Desværre har implementeringen af css i de forskellige browser efterhånden taget temmelig lang tid og har været mere eller mindre uheldig, hvilket har betydet at mange har måtte gribe til andre metoder.

I dag er css dog efterhånden så stabilt implementeret, at mange af de mest basale metoder til at lave layout gennem det er ganske effektivt.

Hvad angår gamle browsere osv. Så er det rent faktisk væsenligt nemmere at lave ting bagudcompatible med css end HTML/tabel layout. Det eneste det kræver er at man en gang for alle går væk fra Pixel perfect layout og acceptere at et HTMl dokument, kan og skal se forskellig i forskellige viewere. Det er netop HTML's absolutte største force at være i stand til at tilpasse sig.

Kort fortalt:

CSS:
Bedre Bagudkompabilitet
Adskillelse af design og content
Efterhånden godt implementeret

Tabel/HTML layout/design:
Ofte meget browser specifik
Kræver brug af dynamisk serverside code eller lign for at adskille content fra design.
Der udvikles ikke i retning af brug af tabel baseret layout, men derimod css, hvilket betyder at den innovation der vil komme inden for feltet er gennem hacks på de eksisterende standarder og dermed ikke nogen officiel udvikling.

/Just My 2 cents

Med Venlig Hilsen
Oscar Eg Gensmann

Jeg går ind for princippet "By All Means Necessary". Der er visse layout ting man/jeg ikke kan lave med CSS, og andre man ikke kan lave med tables alene. Jeg synes det er fuldt lovligt at frestyle så meget man vil, når bare resultatet bliver som man havde forestillet sig det.
Dette fører os til browser fortolkningen.
Jeg giver ingenting for at gøre en side kombatibel med (meget) ældre browsere. Browseropgraderinger er gratis, så det er sådan set op til en selv hvor "rigtigt man vil have sit internet vist".
Selv tester jeg mine sider i de nyeste versioner af IE og Netscape hvilket efter min mening resulterer i et nogenlunde skudsikkert design.

Psitron>

>Der er visse layout ting man/jeg ikke kan lave med CSS,
Kunne man få nogle eksempler?

>Jeg giver ingenting for at gøre en side kombatibel med (meget) ældre browsere.

hvad så med nyere browsere ?

>Selv tester jeg mine sider i de nyeste versioner af IE og Netscape hvilket efter min mening resulterer i et nogenlunde skudsikkert design.

Ja, hvis man benytter en af de to browsere?, hvad med andre browsere der må dukke op i fremtiden. Hvil du så lave dit site om hver gang der kommer en ny browser?

Med Venlig Hilsen
Oscar Eg Gensmann

osaka_san>
Du lyder helt fjendtlig >;)

>Kunne man få nogle eksempler?

De eksempler jeg kunne give er nok kun baseret på at man stadig bruger tables og derfor kunne man sikkert lave det anderledes i CSS. PT er min egen server ikke oppe så jeg ville kunne referere til den, men ellers er der billed-tabellerne i de updates der er på www.somethingawful.com .
Jeg skal ikke kunne sige det store om CSS da jeg mest af alt bare prøver mig frem og ikke har læst de tykke bøger om emnet, men jeg er da meget godt tilfreds med mit eget niveau lige nu ;)

>hvad så med nyere browsere ?

Som regel er der ikke den store forskel på den nyeste version af en browser og de umiddelbart foregående versioner, så med mindre man arbejder med Netscape 3 eller lignende skulle det ikke give de store udsving i hvordan en side vises.

>Ja, hvis man benytter en af de to browsere?, hvad med andre browsere der må dukke op i fremtiden. Hvil du så lave dit site om hver gang der kommer en ny browser?

Som sagt er der sjældent nogen størrere forskelle fra udgivelse til udgivelse så jeg tror ikke det er noget stort problem.

Hvordan klarer du selv kombatibelitets spørgsmålet? Sørger du for at folk der stdig bruger Win 3.x ser en side på samme måde som de nyere browsere eller?

Jeg har bare valgt at bruge de 2 browsere (Netscape og IE) fordi jeg har en fornemmelse af at de to skulle være de største browsere på markedet. IE fordi den er den mest brugte da den er implementeret i win :P og Netscape fordi det er en af de førende gratisbrowsere.
Jeg har da også lært at rette en del fejl i min 'teknik' ved at teste det i de to, så jeg kan ikke udelukke at jeg ville kunne finde flere fejl hvis jeg begyndte at teste i andre browsere (som Opera osv), men det er nok et spørgsmål om hvor seriøs jeg er med mit html-fis, hvorvidt det er muligt at få et ensformigt design i samtlige browsere, og hvor meget tid man vil bruge på det.

Indtil videre har jeg ikke været med til at designe en side hvor det var meningen at der skulle komme mange besøgende (kun 'random-rant' sider hvor et par bekendte kunne droppe forbi når de havde lyst).
Hvis du selv har nogle sider eller nogle gode eksempler på gennemgående design vha CSS, vil jeg da meget gerne tage et kig på dem :)

regards
Chris H. Nielsen

Hejsa Chris.>

Naah ikke fjentlig :) ... Kan bare godt lide eksempler med påstande :)

>Hvordan klarer du selv kombatibelitets spørgsmålet? Sørger du for
>at folk der stdig bruger Win 3.x ser en side på samme måde som de
>nyere browsere eller?

Jeg prøver så vidt muligt at lave min kode således at den er tilgængelig selvom browseren ikke understøtter css. Dvs jeg reelt kan fjerne min eksterne css fil og den logiske rækkefølge i teksten og indholde vil være den samme. Godt nok betyder det også at alt det fancy spalte opsætning osv må lade livet og siden dermed ikke ser ens ud i gamle browsere. Men teksten og indholdet er tilgængeligt i en liniær form der hænger logisk sammen.

Du kan se et eksempel her ved at slå css fra: www.bluerobot.com Jeg kan dog ikke tage æren for det site.

Samtidig bliver der gjort opmærksom på at brugeren ser sitet i en nedgraderet version, samt et link til http://webstandards.org/upgrade/

Og lige inden diverse folk begynder at crawle mit eget personlige site for fejl, så vil jeg krybe til korset og indrømme blankt at jeg aldrig har fået lavet det færdigt, hvorfor det vil være muligt at finde bunker af fejl ;) - dog burde det være w3c valid det meste af vejen.

Hvis du skulle være interesseret i at grave lidt dybere ned i emnet så kan jeg anbefale følgende:

http://www.glish.com/css

http://www.alistapart.com/stories/fear/

http://www.thenoodleincident.com/tutorials/box_lesson/

Der skulle være lidt at starte på :) - Skulle du blive interesseret yderligere kan A list Apart anbefales, da det mere eller mindre er moderskibet for den nyeste udvikling inden for web evolution.

De bedste hilsner
Oscar Eg Gensmann

Nu har jeg læst tråden hertil, men udfra spørgsmålets titel, vil jeg gerne bidrage med http://peterelkjaer.dk/x/ - ikke perfekt, men ingen tables.

Der skulle have stået:
"nu har jeg IKKE læst..."

=oD

pelkjaer>

Ganske nydeligt ;-)

http://validator.w3.org/check?uri=http%3A%2F%2Fpeterelkjaer.dk%2Fx%2F&charset=%28detect+automatically%29&doctype=Inline

En helt anden faktor omkring tabeller vs CSS er nemheden hvormed man kan få et css layout til at w3c validere, hvilket der jo nok ikke behøves nogen forklaring på hvorfor det er en nødvendighed og forbedring ;)

Mvh.
Oscar Eg Gensmann

Det må jeg nok sige! Gode links. Jeg vidste ikke at CSS var SÅ stærkt. "I stand corrected".

Jeg regner med at have min side oppe senere idag ( www.tainkeh.net/ ). Langtfra god, men jeg er meget godt tilfreds med den alligevel.

www.w3c.org <-- har en html parser der hjælper til at gøre éns side kombatibel med <b>alle</b> browsere. Det er desuden dem der sætter standard for web-teknologi som CSS, HTML, XML etc.

regards
chris h. nielsen