CSS-Layout ohne Tabellen (es geht)

[Stuck Mojo]

Hi @all!

Da in den letzten Tagen öffters das Thema aufgekommen ist, Seiten ohne Tabellen zu erstellen sondern nur mit Hilfe von CSS, bin ich auf folgende Seite gestossen, die komplett ohne Tabellen auskommt und nur mit CSS arbeitet (was nicht gleich Layer bedeutet)!

http://www.lycos.co.uk ...dazu der Vergleich mit Tabellen -> http://www.lycos.de

Ich persönlich würde mich auch gerne damit abfinden, aber leider ist es so, dass viele Browser bei der ganzen Sache ja nicht unbedingt mitmachen, bzw. man zich Tricks anwenden muss oder mehrere style-sheets schreiben muss... von daher schauen wir mal was die Zukunft bringt. Wenn man sich die CSS2-Spezifikationen anschaut, kommt einiges und sehr gutes auf uns zu

Gruss
Jan

[Lars]

Von wegen »es geht« und so ...

[Stuck Mojo]

Ein Paradebeispiel, dass es immernoch Leute gibt, die in Sachen Browser nicht auf dem aktuellen Stand sind

[Lars]

Pfff ... unter X sieht's genauso schlimm aus. Und erzähl' mir jetzt nichts von veralteten Browsern.

[Stuck Mojo]

Meiner ist auch von 2001 und ich kann die Seite super sehen... Was aber nun auch egal ist, da ich doch nurmal zeigen wollte das sowas IN ZUKUNFT gehen wird. Du alter Meckerfritze!

[Lars]

Ich bin kein Macerfritze.

Prinzipiell ist die CSS-Unterstützung des Internet Explorer:mac ausgereifter, als die der Windows-Version (das sagt übrigens auch Microsoft). Ein gutes Beispiel hierfür ist das Border-Attribut "dotted", unter Mac OS sind es wirklich Punkte, während man unter Windows eher abgehackte Linien zu sehen bekommt.

Von daher ist es ziemlich verwunderlich, dass die Lycos-Seite so zerschossen rüberkommt. Bislang konnte man sichergehen, dass zumindest IE-optimierter Code auf beiden Plattformen so aussieht, wie man sich es vorgestellt hat.

Ich zieh' mir auch gerade das Update auf 5.2.2 ... ;-)

[Jürgen]

Original geschrieben von Stuck Mojo
...und nur mit CSS arbeitet (was nicht gleich Layer bedeutet)!

Natürlich sinds CSS-Layer, wie sollten die div-Container denn sonst angeordnet sein?

Hab die Site im Opera 6 aufgemacht, da spielt es sich auf manchen Seiten auch grauslich ab. Und bis die aktuellen Opera-Versionen das Zeitliche segnen, wirds noch eine Weile dauern, da müssen wir uns wohl noch gedulden. Interessant ist allerdings, dass gerade Lycos so eine inkompatible Site erstellt . Bei einer Suchmaschine/einem Webkatalog wäre das denke ich erste Priorität...

Gruß, Jürgen

[Stuck Mojo]

..ok hab mich etwas falsch ausgedrückt Ich meinte eigentlich das formatieren mit fest positionierten Layern.

[Jürgen]

Stimmt, es sind überhaupt keine position: -Attribute im CSS drinnen, nämlich auch nicht relativ. Dürften nur verschachtelte <div>'s sein, mit float: und margin: ausgerichtet, wenn ich das richtig sehe. Na ja, funzen tuts eh nicht...

[deck16]

ganz ohne stimmt nicht.
es gibt dort eine tabelle.
natürlich könnten sie die auch ersetzen.

ansonsten eine echt gut programmierte seite (co.uk).

[Stuck Mojo]

Ich glaube die Tabelle ist vom Werbebanner... kann das sein?

[deck16]

auch, also 2.

die in der seite sind die top50 searches.
aber wat solls

[RBO]

@Stuck Mojo
Da hast Du Dir ja viel vorgenommen. Ich habs einmal ausprobiert. Ist ne Sau Arbeit! Also bei mir war die css Datei nachher größer als die eigentliche Seite und vor lauter Kassen hat man gar nicht mehr durchgeblickt .

Schau Dir mal den Quelltext für diese Seite an http://www.einfach-fuer-alle.de! Da werden 3 verschieden, vollgepropfte css Dateien eingebunden!

Also ich möchte nicht auf Tabellen verzichten. Gerade bei großen Projekten ist eine Arbeit ohne Tabs nicht gerade effizient!

[Stuck Mojo]

Man beachte das Wort "würde"
Wenn es funktionieren würde (..schon wieder.. ), dann würde (tstst) ich es auch machen, da ich gerne mit "neuen" Techniken rumprobiere und in CSS einen enormen Vorteil sehe, was die Trennung von Content und Layout betrifft. Und wenn man es voll ausreizen kann, nicht nur Farben und Schriftgrössen in der CSS-Datei festlegt, sondern das komplette aussehen, dann sehe ich das besonders bei grossen Projekten als Vorteil. Für den Anfang mehr Arbeit, aber im Nachhinein bestimmt einfacher zu handlen. Man muss natürlich start "umdenken", da wir sicher alle mit Tabellen "gross" geworden sind. Aber egal... ich freu mich drauf

Gruss
Jan

[Boris]

Es gibt recht viele User im Netz, die sagen, so müsste man in Zukunft ALLE Seiten erstelllen - mit XHTML den Inhalt, mit CSS das Design.

Der Vorteil ist, dass die Seite schnell geladen werden kann und auch von anderen Geräten (PocketPC's, Handies etc.) problemlos angezeigt werden kann (oder können sollte).

Der Nachteil - sehr schicke, ausgefeilte Designs, wie sie sehr oft im Internet auftauchen, sind so kaum möglich.

Ich bin auch der Meinung, im Internet sollten Webseiten trotz DSL & Co. alles nicht so hochkomplex mit Tabellen, ausgefeilten Designs bis zur 1px Genauigkeit, hunderten von unsichtaren Spacern etc. erstellt werden, sondern der Inhalt klar strukturiert, sauber und schnell präsentiert werden.

Die Realität sieht aber anders aus - nicht alle Browser unterstützen XHTML + CSS2, und die Kunden wünschen sich ebenso keine relativ "einfach" gestaltete Seite.

Hier ein paar Links von Seiten, die komplett mit XHTML/CCS2 und ohne Tabellen erstellt wurden:

http://www.skdesigns.com/
http://www.alistapart.com/index.html
http://www.zeldman.com/
http://www.nypl.org/styleguide/xhtml/index.html

Und hier sogar eine "Organisation", die für ein Internet steht, dass nur aus XHTML und CSS2 bestehen soll:

http://webstandards.org/


Ich bin hin- und hergerissen, wonach ich mich richten soll. Soll ich lieber das machen, was der Kunde will, oder eher versuchen, ihm das Internet & Co. zu erklären, und wieso denn eine simplere Seite besser sei ...