[HTML] Checkbox & Label nicht in einer Reihe

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Hapablap, 12. September 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 12. September 2008
    Checkbox & Label nicht in einer Reihe

    Hi,

    Ich hab ein Problem mitm FF!
    Undzwar folgender Quelltext:

    Code:
     <div>
 <input name="datum[1]" type="checkbox" value="Donnerstag, 2. April 2009" /><label class="right">Donnerstag, 2. April 2009</label><br />
 <input name="datum[2]" type="checkbox" value="Freitag, 3. April 2009" /><label class="right">Freitag, 3. April 2009</label><br />
 <input name="datum[3]" type="checkbox" value="Abendveranstaltung, 2. April 2009" /><label class="right">Abendveranstaltung, 2. April 2009</label><br />
 </div>
    Im IE sind Checkbox und Text schön in einer Reihe, aber im FF nicht. Hätte das ganze in CSS per line-height lösen können, aber dann siehts im IE wieder dumm aus xD
    Hat jemand ne Idee? Hier noch ein Ausschnitt aus der CSS:

    Code:
    div.clear, div#anmeldungLeft br {
 clear: left;
}

div#anmeldungLeft {
 width: 421px;
 float: left;
 margin-top: 10px;
}

div#anmeldungLeft label.left, div#anmeldungLeft label.right, div#anmeldungLeft input {
 float: left;
 margin-top: 5px;
}

div#anmeldungLeft label.left {
 width: 100px;
}

div#anmeldungLeft label.right {
 margin-left: 5px;
}

div#anmeldungLeft input[type=text] {
 width: 300px;
}
    Hab gelesen, dass Browserweichen nicht so der hammer sind, um das zu lösen. Weil FF scheinbar die Abfragen in HTML ignoriert und die nur beim IE funktionieren.

    Danke schon mal,
    Hapablap
     
  3. 13. September 2008
    AW: Checkbox & Label nicht in einer Reihe

    denk über diesen satz nochmal ein wenig nach.
    Conditional Comments – Wikipedia

    wenn du selber ned auf die lösung kommst, schau in den spoiler

    Spoiler
    diese kommentare stammen aus dem hause microsoft, folglich sind sie für ms produkte gedacht (u.a IE)

    schreib deine css so um das es im ff funktioniert und lad mit ner browserweiche ne angepasste css fürn ie nach. so einfach is das

    <!--[IF IE]>...<![endif]--> auf alle ie's bezogen
    <!--[IF IE 7]>...<![endif]--> auf bestimmte version bezogen (in diesem fall: ie mit der version 7)
    <!--[IF lt IE 7]>...<![endif]--> alle ie's kleiner als (lt = less than) version 7
    <!--[IF gt IE 7]>...<!endif]--> alle ie's größer als (gt = greater than) version 7
    <!--[IF lte IE 6]>...<![endif]--> alle ie' kleiner oder gleich (lte = less than or equal) version 6
    <!--[IF gte IE 6]>...<!endif]--> alle ie's gößer oder gleich (gte = greater than or equal) version 6
     
  4. 15. September 2008
    AW: Checkbox & Label nicht in einer Reihe

    Jo, jetzt bin ich auch drauf gekommen ^^ Aber ich denk den Code spar ich mir dann doch lieber wegen nen paar Pixel im FF Trotzdem danke!
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.