Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 23.10.2007, 23:58
mikstyle mikstyle ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2007
Beiträge: 2
mikstyle befindet sich auf einem aufstrebenden Ast
Standard Formulare mit Tabellen und CSS?

Hallo,

ich möchte ein Formularlayout für einen Fragebogen mit CSS
umsetzen.
Das Basislayout soll eigentlich eine Tabelle mit 2 Spalten pro
Frage sein. Die linke Spalte soll jeweils den Text der Frage enthalten,
die rechte Spalte dann z.B.:
(a) ein einzelnes Input-Feld pder textarea für eine Zahl/einen Text
(b) drei bis sieben Radiobuttons nebeneinander (für Kategorien:
z.B. "stimmt nicht", "stimmt teils-teils", "stimmt")
(c) mehrere Checkboxen untereinander

Wichtig ist, dass die linke Spalte aller Zeilen immer bündig bleiben, die rechte Spalte soll dann weiter unterteilt werden je nach Art der Antwortkategorien
(also bei drei Radiobuttons also in drei gleich große Teile, in die jeweils
die Radiobuttons zentriert sollen).

Ich habe verschiedene Ansätze probiert, die rechte Spalte in CSS-Boxen zu unterteilen, aber keine der Ansätze funktioniert browserübergreifen bzw. funktioniert überhaupt so, dass ich stabil gleich große Boxen kriege,
also der Art

Code:
table.frm td.firstcol { width: 50%}

.outer {display: inline; width: 100%; height:100%; }
.x3P {	width: 33.333%; }
für
Code:
<table class="frm">
<tr>
<td class="firstcol">linke Spalte</td>
<td>
<div class="outer">
<div class="x3P"><input type = "RADIO" name="test" value="1" /></div>
<div class="x3P"><input type = "RADIO" name="test" value="2" /></div>
<div class="x3P"><input type = "RADIO" name="test" value="3" /></div>
</div>
</td>
</tr>
</table>
Der Code ist vereinfacht, ich habe auch mehrere sich umschließende Boxen uvam. ausprobiert, aber ich kriege es nicht hin, dass:
1. die Felder die Spaltenbreiten- und höhen komplett einnehmen
2. die Boxen nicht umbrechen
3. das Ganze auch im IE6 und IE7 funktioniert.

Ich bin nicht allzu erfahren mit CSS, vielleicht liegt es daran.
Meine Frage also:

- Ist die Vorgehensweise mit Tabellen und Unterteilung durch CSS
überhaupt so hin zu bekommen?
- wenn ja: wie müssen die Boxen veschachtelt werden, damit ein
Umbrechen verhindert werden kann?

Läßt sich das Ganze vielleicht auch eleganter ohne Tabelle lösen?

Danke,

Ralf
Mit Zitat antworten
Sponsored Links