No tables were harmed while creating these website

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/no_tables_were_harmed_while_creating_these_website_93094/page_1 - zur Vollversion wechseln!

Rektal schrieb am 20.09.2003 um 00:14

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.

d3cod3 schrieb am 20.09.2003 um 00:21

http://www.randoom.net (bissl eigenwerbung )

that schrieb am 20.09.2003 um 10:38

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

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

The Red Guy schrieb am 20.09.2003 um 10:44

Hmmm...dafür sind DIV-tags.

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

Btw. schaut geil aus.

orpheus schrieb am 20.09.2003 um 12:56

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:

that schrieb am 20.09.2003 um 16:06

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

Rektal schrieb am 20.09.2003 um 16:40

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.

atrox schrieb am 20.09.2003 um 17:45

Zitat
http://langenacht.orf.at/ (Rektal, 2003.08.29) [F]

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)

Rektal schrieb am 22.09.2003 um 11:04

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.