Hallöchen Leute,


Ich würde gerne mal eure Meinung hören zum Thema Forms und Layouts ohne Tables:

ich bin gerade dabei für mein WebApp-Framework ein CSS-Default-Theme zu erstellen, komme dabei aber gerade bei Formularen teilweise ziemlich in die Bredouille.
Manche Formulare sind einfach zu komplex für CSS (siehe Fälle, wie hier im Forum beim Schreiben von Posts) oder es sieht einfach sch... aus, weil die Geschichte mit float und clear nicht richtig funktioniert (da liegen dann die Bezeichnung und das Eingabefeld nicht auf gleicher Höhe).
Beispiel: http://test.solidbytes.net/example/example2.html (etwa bei den Forumseinstellungen)

Ein anderes Problem ist das gesamte Layout, wobei es u.U. vokommen kann, dass sich die Divs überlagern, wenn der Content zu breit ist. overflow funktioniert leider nicht, aber vielleicht bekommt es ja einer von euch hin?
Beispiel: http://test.solidbytes.net/example/example1.html

Übrigens wird das Dokument normalerweise korrekt als UTF-8 ausgeliefert, also bitte nicht an den defekten Zeichen stören...


Also zum einen möchte ich wissen, ob schon jemand eine Möglichkeit gefunden hat, quasi Tabellen mit CSS zu emulieren (also bspw. mit gleicher Höhe für die Zellen einer Zeile und gesicherten Breiten ohne Überlagerungen). Gibt's da Erfahrungen, was geht und was nicht?

Zum anderen hier noch zwei Links, über die ich gerade gestolpert bin:
Größtenteils Schwachsinn: http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx
Eher vernünftig: http://www.yourtotalsite.com/archive...o/Default.aspx


Also, lasst mal hören, was ihr dazu denkt! Seid ihr in der Hinsicht flexibel eingestellt oder eher CSS-Puristen, die um der Barrierefreiheit willen Barrieren für gesunde Menschen in Kauf nehmen würden?

__________________
MfG, ()((()

There are only 10 types of people. Those who understand binary and those who don\'t...

in deinem ersten beispiel ist für mich absolut nichts erkennbar, was eine "barriere für einen gesunden menschen" darstellen könnte.

warum packst du alles in divs? Dafür gibt es Dinge wie label oder fieldset etc...

hier ein Link zu Formularen ohne Tabellen: http://www.einfach-fuer-alle.de/artikel/formulare/tag1/

Ansonsten: Interessantes Thema. Was letztlich sinnvoll ist, entscheidet sich aber auch Anhand der Zielgruppe. Auf skateboard.de kann man wohl andere Sachen machen als auf hilfefuerblinde.de, um es mal drastisch darzustellen. Daher kann ich nicht pauschal sagen, das ist gut und das nicht. Also eher der "keep it simple"-Ansatz als Purismus.

ja, die sind in dem Beispiel noch nicht drinne, werden ansonsten aber verwendet, um die Titel den Eingabefeldern zuzuordnen.

Und die Divs sollten eigentlich dafür sorgen, dass der Titel neben dem Eingabefeld steht, was si aber nicht tun... :x

__________________
MfG, ()((()

There are only 10 types of people. Those who understand binary and those who don\'t...

Meiner Meinung nach kann man ruhig Tabellen nehmen wenns um tabellarische Darstellung (z.B auch von Formularfeldern) geht. Es ist ja nicht so, dass man jetzt gar keine Tabellen mehr benutzen darf, nur für das Gerüst der Seite sollte man diese nicht benutzen

naja, wenn das Formularlayout kaputt und somit ist, oder die Titel nicht mehr neben den Feldern stehen, sehe ich das schon als Barriere an.

In dem Beispiel ist's nicht so heftig (nur bei den Forumseinstellungen ein wenig), aber wenn zusätzliche Elemente (Buttons zur Textformatierung) zu einem Eingabefeld gehören, verrutscht alles durch die floats. Einen ähnlichen Effekt kannst du in dem Beispiel erzeugen, wenn du das Fenster mal arg verkleinerst, dann verrutscht auch alles.

Eine Alternative wäre, alles untereinander darzustellen, dann hat man das problem nicht und kann auch die floats weglassen, aber ich persönlich finde das extrem unübersichtlich. Man ist in der Regel gewohnt die Titel neben den formularfeldern zu haben, außerdem wird das formular ansonsten gigantisch lang.

__________________
MfG, ()((()

There are only 10 types of people. Those who understand binary and those who don\'t...

Also für tabellarische Daten (wie im Shop) werde ich sie auch auf jeden Fall benutzen, da wäre mir nie was anderes in den Sinn gekommen. :)

Aber viele CSS-Cracks und barrierefreiheitlich orientierte Designer plädieren ja dafür, dass es sich bei Formularen eben NICHT um Tabellarische Daten handelt, was ich auch nachvollziehen kann.

Auf der anderen Seite hat man (wie auch in einem angegebenen Link dargestellt) durch die Tabellenzeilen in Formularen eine Semantische Zuordnung der Titel zu den Eingabefeldern.

__________________
MfG, ()((()

There are only 10 types of people. Those who understand binary and those who don\'t...

Der Sinn hinter dem ganzen sollte ja sein, es eben nicht für eine bestimmte Zielgruppe zu optimieren, es sollen sowohl gesunde als auch Behinderte problemlos damit zurechtkommen (zumindest im default-Theme).

Ich habe bei meinen Versuchen immer wieder festgestellt, dass man mit CSS leider nicht alle Eigenschaften von Tabellen zufriedenstellend ersetzen kann. Da hätte damals jemand auf die Idee kommen sollen, einen semantikfreien Ersatz für Tabellen zu schaffen, finde ich. Also ähnlich dem Verhältnis

zu <div>...

__________________
MfG, ()((()

There are only 10 types of people. Those who understand binary and those who don\'t...

sind es auch nicht. definitiv nicht. meiner meinung nach. mal ganz davon zu schweigen, daß die semantische variante jede menge überflüssigen, undurchsichtigen code vermeidet.
<label for=dingens">

__________________
Die Zeit hat ihre Kinder längst gefressen: hund (back in black) | ??? | ??? | ...