• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

geschachtelte fieldsets / gleiche abstände

Animal21

Neues Mitglied
Hallo Leute,

ich hab ein "strukturproblem" oder CSS... wer weis.

Ich hab ein Formular, welches automatisch generiert wird und z.b. ein 2 fieldset als übergeordnete gruppierung besitzt mit jeweils weiteren unter-fieldsets.

innerhalb eines fieldset gibts nun ein div 'rowLine' in dem ein 'left20' und 'right80' ist. im right teil ist das eigentliche input... ich denke ich seht worauf das hinausläuft.

Mein problem an der sache ist, dass die paddings der unterschiedlichen fieldsets eineinandergreifen und das ganze leicht verschoben ist : (

Hat einer vll eine Idee, wie das ich ändern könnte, dass alles schön an einer vertikalen hängt?
Ich dacht an eine Bearbeitung mittels JS im nachhinein, aber das scheint mir nicht die schönste lösung zu sein. :(

grüße
ani
 
Ohne Quellcode schwer zu sagen. Ich würde mal auf sowas tippen:

Code:
fieldset { padding: 10; }
fieldset fieldset { padding: 0; }
 
naja der innere padding ist schon nötig...

Und könnte ja auch sein, dass es evtl. 3 ebenen gibt.

also es gibt für jedes input folgendes:
pseudo-code:
fieldset{ (padding 10)
fieldset{ (padding 10)
div class=line{
div class=left{ label } (width=20%)
div class=right{ input} (width=80%)
}
}
}

abhängig vom form werden halt die fieldsets und inputs auf der dabenbank geladen...

Hier mal einbeipsiel was dabei rauskommen kann (unfertiges design)
ImageShack® - Online Photo and Video Hosting

grüße
ani
 
Zurück
Oben