DukeXP schrieb am 05.03.2004 12:04 Al Blank schrieb am 05.03.2004 08:49 Ich gebe Dir recht, man darf diese Usergruppe nicht ausser Acht lassen, sollte dann aber meiner Meihnung nach lieber 2 Versionen eines Webauftritts programmieren, da man sich nämlich sonst auch den designtechnische Aspekte komplett sparen kann, da die angesprochene Ziehlgruppe (hier extrem Kurzsichtige bis Blinde) diese sowieso nicht zu sehen bekommen! Eigentlich eine gute Idee. In der Praxis sieht das dann aber so aus, dass Sehbehinderte eine extrem abgespeckte und veraltete Version der Homepage erhalten, weil sich die meisten Webmaster nicht die Mühe machen, zwei Versionen parallel zu pflegen. Außerdem ist das gar nicht notwendig, da sehbehinderte Benutzer ordentlich strukturierte Webseiten auch ohne Hilfe durch den Webmaster per User-Stylesheet nach ihren Bedürfnissen umformen können. Eine konsequente Trennung von Layout und Content bietet aber auch noch zahlreiche andere Anwendungsmöglichkeiten: ordentliche Druckausgabe, Anzeige auf Handy- / PDA-Display, optimale Darstellung im Textbrowser (also auch in Suchmaschinen), ...

Man benutze ein CMS und habe auf allen Versionen die exakt gleichen Inhalte.

---
Arbeit ist das Feuer der Gestaltung. - Marx

Hi,

ich fand die Diskussion richtig Klasse und interessant. Habe mal daher ein altes IW Heft ausgekramz, wo die das Thema auch behandelt haben und mal versucht meine seite Tabellenfrei umzusetzten, so dass es bei den meisten Browsern gut angezeigt wird und mit einigen probieren, hat der IE (5.5 + 6) und Mozilla (1.4) die Seite auch geschluckt und angezeigt wie ich es will. Außerdem brauche ich viel weniger Grafiken (3 an der zahl) für das ganze Grundgerüst.

Allerdings bin ich dann auf ein Problem gestoßen, dass sich wagrscheinlich NUR mit Tabellen lösen lässt: Ich habe im Menü einen Hover-Effekt, der nur die Zelle im Hintergrund einfärbt und nicht wie früher oft benutzt, die Grafiken auswächselt. Weiß einer wie ich dass dennoch mit CSS hinbekomme??

Guckst du Original

Guckst du Fälschung

---
cya MCM

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

mach die navigation als liste



HTML:



---
Arbeit ist das Feuer der Gestaltung. - Marx

Hi, danke, werd das mal probieren sieht vielversprechend aus!!!

---
cya MCM

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

Hi Philipp, das funktioniert 1A, Danke! Positiver Nebeneffekt, der Quellcode des menüs, ist nur noch 1/5 der Ursprünglichen und es müssen weniger Grafiken geladen werden!! Klasse, ich glaube CSS hat mich überzeugt.

Kleine Frage aber noch an euch, könntet ihr evtl. mal mit eurem Browser schaun, ob die CSS Seite korrekt angezeigt wird ?!

Kann es sein, dass der Mozilla und Netscape "kleine" Probleme mit "padding" haben?? Wenn ich sage padding-top:20 dann mmacht der über dem Text 20 Pixel, aber auch unter dem!! (Im Gegensatz zum IE, der macht das richtig)

//Edit
Also im IE 6.0, Netscape 6.2 und Safari 1.2 passt alles super!

---
cya MCM

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

Ne, nicht der Mozilla macht das falsch, sondern der IE.
padding-top : 20px; nicht die pixel vergessen (oder halt punkte, wie auch immer)

---
Kostenlos Webspace bei funpic.de

kennt jemand ne gute seite wo erklärt wird wie man mit css ne seite vernünftig hinkriegt, wie sonst mit tabellen ?

Gruß Böner

Philipp/MCM, das div#inhalt-l um die Liste ist nicht nötig, wieso nicht gleich

und dann im CSS eben ul#inhalt, ul#inhalt li, usw.

Bartelme-Design, weiter oben verlinkt, ist die Seite eines Mitstudenten von mir. Bis vor Kurzem war die auch noch in Tabellen und hat genauso ausgesehen, in dem Punkt hast du also recht

Wer heute noch Layouttabellen bastelt hat definitiv die letzten zwei Jahre verschlafen. Eigentlich sollte das gar nicht mehr nötig sein, aber hier eine kurze Liste an CSS-Vorteilen:

* Erhöhte Maschinenlesbarkeit
> Suchmaschinen, vorlesende Browser für Blinde,...
* Möglichkeit, das gleiche Dokument mit unterschiedlichem Design zu verwenden
> Versionen für PDA/Handy, automatische Druckversion, benutzerwählbare Skins,...
* Ein Stylesheet formatiert die gesamte Website
> Einfacheres Updaten des Designs, geringere Ladezeit, weniger Transfer
* Rückwärtskompatibilität
> Auch ohne CSS ist der Inhalt logisch strukturiert lesbar
* Genaueres Design
> CSS bietet pixelgenaue Positionierung, Zeilen- und Zeichenabstände, usw.
* ...ist die Zukunft!
> auch immer mehr große Sites steigen um: News.com, ESPN.com, Lycos.de, PGA.com, Wired.com, Sprint.com, Quark.com usw. In weiteren zwei Jahren werdet ihr für Tabellen nur mehr ausgelacht

böner, ich hab leider nur englische Links auf Lager, aber schau mal hier:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
http://www.fu2k.org/alex/css/index.mhtml
http://www.positioniseverything.net
http://www.brainjar.com/css/positioning/
http://css.maxdesign.com.au/floatutorial/
http://css-discuss.incutio.com
http://www.cssvault.com/cat_tutorials.php


Übrigens: Gut designte CSS-Seiten findet man zB hier:
http://www.webstandardsawards.com
und eine Seite der man ihr schönes CSS überhaupt nicht ansieht wäre zB
http://www.visitdeadends.com

böner schrieb am 08.03.2004 20:11 kennt jemand ne gute seite wo erklärt wird wie man mit css ne seite vernünftig hinkriegt, wie sonst mit tabellen ?

Schau doch mal, ob Dir das hier hilft: Why tables for layout is stupid
Für mich ist das die Bibel fürs Verständnis. Damit habe ich begriffen, was es heisst, von Tabellen auf ein CSS-Layout umzusteigen.

Efchen schrieb am 09.03.2004 08:19 böner schrieb am 08.03.2004 20:11 kennt jemand ne gute seite wo erklärt wird wie man mit css ne seite vernünftig hinkriegt, wie sonst mit tabellen ? Schau doch mal, ob Dir das hier hilft: Why tables for layout is stupid Für mich ist das die Bibel fürs Verständnis. Damit habe ich begriffen, was es heisst, von Tabellen auf ein CSS-Layout umzusteigen.

Gibts auch Anleitungen in Deutsch ? Viele unserer Kunden können kein Englisch und ich muss zugeben mein Englisch ... naja.. für bissel Smalltalk reichts .. eine Unterhaltung schaff ich schon , aber eine Anleitung .... da versteh ich i.d.R. knapp die Hälfte = Doppelte Schinderrei ..

---

Boooooh. Die Jugend von heute. Nichtmal mehr englisch!
Wo soll das nur hinführen in diesem unseren Staate.

Was erwartet Ihr? In dieser Fachrichtung ist die einschlägige Literatur auf englisch.

Wer vernünftige Doku haben will, sollte schon etwas mehr als rudimentäres Englisch können, richtig gute Doku gibts meist nur in englisch. Die HTML-Tags sind ja auch in englisch, genauso wie die CSS-Eigenschaften usw.

So schlimm wirds schon nicht sein, oder?

Ich find tabellenlose Layouts ja mittlerweile auch ganz toll, aber diese Workarounds damit es in allen Browsern gleich aussieht sind zum kotzen! :=)

---
Arbeit ist das Feuer der Gestaltung. - Marx

Was denn für Workarounds?
In ALLEN Browsern kriegst Du das sowieso nicht hin. Wohl aber in allen AKTUELLEN Browsern, nur der IE hat halt ein paar kleinere Macken.

Schlimmer als früher ist es mit der Browserkompatibilität aber auch nicht, eher besser.

Auf Workarounds sollte man generell verzichten. Die meisten Workarounds setzen darauf, dass bestimmte Browser gewisse Eigenschaften noch nicht unterstützen und somit gewissermaßen eine Selektierung der passenden Eigenschaft stattfindet. Willst du jedesmal wenn ein neuer Browser veröffentlicht wird darauf hoffen, dass die von dir ausgenutzten Fehler nicht korrigiert wurden und dein Layout nochmal eine Browser-Generation übersteht?

---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen