Radio-Button und Text auf gleicher Höhe im IE6

CSS, HTML, Webentwicklung

In einem früheren Artikel habe ich über eine Möglichkeit geschrieben, ein Radio-Button, bzw. eine Checkbox, und den dazugehörigen Text auf eine Höhe zu bringen:

input {
    vertical-align: bottom;
}

Diese Variante funktioniert leider nicht im Internet Explorer.
Der geliebte IE benötigt wiedermal eine Sonderbehandlung:

input {
    vertical-align: baseline;
}

Damit z.B. Firefox die vertikale Ausrichtung bottom und der IE die Ausrichtung baseline interpretiert, hier zwei Vorschläge zur Umsetzung.

IE-Hack

input {
    vertical-align: bottom;
    #vertical-align: baseline /* IE */
}

Conditional Comments

<!--[if IE]>
input {
    vertical-align: baseline;
}
<![endif]-->
1 Kommentar

Keine Kommentare

1 Trackback

Leave a Reply

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>