No tables were harmed while creating these website

AKA websites deren Layout ohne Tables umgesetzt wurde.

(Report vom CSS Thread damit er nicht untergeht; approved by Moderator)

Vielleicht macht es fuer Interessierte Sinn eine Liste von Table-less Seiten zum lernen anzufuehren, auch um zu Zeigen welche Designs ohne Tables umzusetzen sind. Table-less bezieht sich auch das primaere Layout einer Seite. Wenn wired.com "stock markets" in einem Table darstellt, ist das ja nicht falsch, im gegenteilt, es ist sinnvolle Nutzung von Mark-Up.

Auffuehren moechte ich aber nicht jene BLOGger seiten oder aehnliche von Hardcore Professionalisten sondern vordergruendig Seiten die eine groessere Zielgruppe ansprechen (Magazine, etc ...)

• http://csszengarden.com/ (the.sh3ll, 2003.08.20) [S], [1]
• http://eltern-bildung.at/ (Rektal, 2003.08.18) [F]
• http://www.iab.org/ (Rektal, 2003.09.21)
• http://joukedevries.nl/ (Rektal, 2003.08.18)
• http://langenacht.orf.at/ (Rektal, 2003.08.29) [F]
• http://mozilla.org/ (Mr. Zetm 2004.03.07)
• http://www.netbank.de/ (Rektal, 2003.09.17)
• http://trusecure.com/ (Rektal, 2003.08.18)
• http://wired.com/ (Rektal, 2003.08.18) [S]

Legende:
[S] Seite enthaelt ein- oder mehrere alternative Stylesheets (Mozilla: View / Use Style / .. , Opera: View / Style / ...).
[F] Seite verwendet tables fuer Formularpositionierung.

[1] Danke an the.sh3ll fuer den Link zu csszendgarden.com. Diese Seite ist wirklich einer der besten die technologisch zeigt was machbar ist, wie man sinnvoll einmal geschriebenen Mark-Up vielfaeltigst mit CSS praesentieren kann.

Wuerde die Liste auch gerne Erweitern wenn mir jemand also Links per PM schickt trag ichs hier ein.

Zitat von Rektal

http://csszengarden.com/ (the.sh3ll, 2003.08.20) [S], [1]

Unglaublich, dass das alles die gleiche HTML-Seite ist...

Zitat von The Red Guy

Wo ist der grosse Vorteil für mich als hobbianer webseiter ?

Wenn dir deine alte nicht mehr gefällt und du ein neues design willst - stylesheet ändern/hinzufügen fertig - oder du mehrere Alternate Stylesheets (e.g. für Browser á la Lynx) für deine Seite anbieten willst.

hth

edit:
Seiten - für CSS Interessierte - die man kennen sollte:

• BrainJar.com: CSS Positioning
• Eric Meyer: CSS
• alistapart.com - OnlineMag das sich u.A. mit Webstandards beschäftigt
• glish.com : CSS layout techniques
• positioniseverything.net
• CSS Enterprise - XHTML/CSS - 3 column layouts - Netscape 4 compatible

Zitat von that

Jetzt fehlt nur mehr ein Möglichkeit, Schriftgrößen anzugeben, die überall funktioniert...

Der derzeitige Consensus ist, das es mit Prozentangaben in den meisten Browsers am besten funktioniert (IE5+, Mozilla, Opera, etc); siehe http://www.gerhard-schoening.de/css...l_font_bug.html .


Fuer mich in der Praxis bin ich bei Problematischen faellen dazu uebergegangen, additive Stylesheets fuer verschiedene Borwser (IE, Gecko, Opera) und Systeme (Win, Mac) anzubieten. In diesen Stylesheets die ich zum schluss immer einbinde (in Beispiel Fall das *.php):

Code:

@import url(css/main.css);
@import url(css/bottom.css);
@import url(css/browser.php);

Je nach Browsercheck in browser.php geb ich dann z.b. body { font-size: 105%; } aus weils vielleicth zu klein sonst waere in der default config des jeweiligen Browsers.

Oder irgendein "div.brauch-pixel-perfekte-hoehe" geht ueberall aus immer Gecko, dann pfeffere ich aus browser.php bei Gecko eine anderen pixel wert raus. IMHO eine sinnvolle Anwendung des CSS: das Cascading.

Zitat von atrox

bei solchen seiten, sollte man auch immer ein printmedia-css vorsehen - diese kann man zb weder im netscape/7 noch im IE/55 brauchbar ausdrucken. (zb veranstaltungen für wien; wobei IE etwas besser abschneidet - aber immer noch unbrauchbar)

Ja, stimmte ich dir zu.