Div - Span lässt sich nicht komplett einfärben

[Jinnai]

Hallo Community,

ich versuch mein Problem mal möglichst genau zu beschreiben.

Ich habe ein Formular mit etweiligen Fragen und dazugehörigen Radiobuttons/Checkboxen/Textfelder. Nun will ich, zwecks Layout, den Div- und Spancontainern unterschiedliche Hintergrundfarben zuweisen. Leider nimmt er die Änderung bei den Radiobuttons/../ nicht für die ganze Breite des Span-Elements an.

Hier mal der Entsprechende Code an einem Beispiel:

<div class="reihe">
<span class="frage"><span class="txt">Erhalten Sie Werbung?</span></span>
<span class="feld"><input type="radio" name="frage1" id="frage1_ja" value="Ja" onclick="showhide_1()"><label for="frage1_ja"> Ja</label>
<input type="radio" name="frage1" id="frage1_nein" value="Nein" onclick="showhide_1()"><label for="frage1_nein"> Nein</label>
</span><br></div>

        .reihe {            
            clear:both;
            width:800px;
            background-color:#056288;
            padding: 2px 0px;
            margin-top:5px;
            height:25px;
            white-space:nowrap;
        }


        .frage {
            width:500px;
            height:25px;
            text-align:left;
            background-color:#E7E7E7;
            margin-right:10px;
            margin-left:2px;
            vertical-align:middle;
            float:left;
        }
        
        .txt {
            margin-left:5px;
        }
            
        .feld {
            width:300px;
            height:25px;
            align:right;
            background-color:#E7E7E7;
        }

Der Code erzeugt dann das Bild, was im Anhang zusehen ist.
Der dicke blaue Streifen ist das Div-Element mit der Klasse "reihe", über die Breite und Länge sollen dann die zwei Span-Element "feld" und "frage" gehen. Bei dem Element "frage" funktioniert es auch wunderbar. Aber bei dem Span-Element "feld", hört das Feld hinter dem "Nein" auf. (siehe Anhang).

Hat da eventuell jemand eine Lösung für? Ich weiß beim besten Willen nicht mehr weiter.

Gruß

Jinnai

 

[Elroy]

Hallo.

Das ist doch ein Formular oder?

Warum benutzt du dann nicht fieldset anstatt diesem div und span Müll?

Einfach hier mal lesen wie man Formulare richtig erstellt: HTML-Elemente für Formulare : Einfach für Alle

Gruss
Elroy

 

[Jinnai]

Hallo Elroy,

ich hatte am Anfang nicht an fieldset gedacht und nun hab ich den Salat mit Div und Span.
Da ich aber leider keine Zeit habe, großartig den kompletten Code noch mal von vorn zu schreiben, da ich unter Zeitdruck stehe, brauch ich leider für das Problem so eine Lösung.

Gruß
Jinnai