Hallo Zusammen,
ich möchte 2 Checkboxen in einem Formular erstellen und da neben soll der passende Text kommen, dies hier alles natürlich sehr verkürzt (der Text geht auch über mehrere Zeilen).
Die Checkboxen sollen untereinander stehen und der Text soll bündig mit den 25px Abstand zum Rand stehen.
--------------------------
[] fdjkkjdf kdfd
sdfjsdkljflksd
[] dfsjsdkljf
dskfjdslkfj
dfskjdsfklfdsj
----------------------------
So soll es aussehen und gut es auch fast immer, aber auf den Android Smartphones mit dem Browser Dolphin und dem Standard Browser (ka welche das gerade ist) verrutscht die zweite Checkbox nach innen.
--------------------------
[] fdjkkjdf kdfd
sdfjsdkljflksd
[] dfsjsdkljf
dskfjdslkfj
dfskjdsfklfdsj
----------------------------
Es sieht so aus als würde die zweite Checkbox die breite von der ersten Checkbox nach innen rutschen, nur weiß ich leider nicht wieso.
<fieldset class="optionen">
<legend>Optionen<legend>
<span class="beratung"><input type="checkbox" name="beratung" /></span>
<p>JA, wünsche Beratung!</p>
<span class="datenSpeichern"><input type="checkbox" name="datenSpeichern" /></span>
<p>JA, meine Daten dürfen gespeichert werden</p>
</fielset>
#formular fielset.options {
margin-top: 5px;
width: 365px;
}
#formular fieldset.options span {
width: 25px;
display: block;
float: left;
}
#formular fielset.options p {
font-size: 0.65em;
margin-bottom: 0.6em;
margin-left: 25px;
}