Ik heb de volgende XHTML-code:
En de bijbehorende CSS:
Nu ziet mijn uitvoer er als volgt uit:
Dus de vierde rij wordt iets naar beneden geschoven (het textarea), maar alleen in IE9.
Iemand al hetzelfde probleem gehad?
Please help me!
HTML:
1
2
3
4
5
6
| <fieldset> <label for="bedrijfsnaam"><span>Bedrijfsnaam</span><input type="text" id="bedrijfsnaam" name="bedrijfsnaam" /></label> <label for="adres"><span>Adres</span><input type="text" id="adres" name="adres" /></label> <label for="pcwp"><span>Postcode/Plaats</span><input type="text" id="pcwp" name="pcwp" /></label> <label for="additional"><span>Informatie</span><textarea id="additional" name="additional"></textarea></label> </fieldset> |
En de bijbehorende CSS:
Cascading Stylesheet:
1
2
3
4
5
| label,label span{ display:block; padding-bottom:.25em; } label{ float:left; width:100%; } label span{ float:left; width:45%; text-align: right; } fieldset{ border:none; } fieldset input, fieldset textarea{ float:right; width:45%; text-align: left; border: 1px solid #AEAEAE; } |
Nu ziet mijn uitvoer er als volgt uit:
Dus de vierde rij wordt iets naar beneden geschoven (het textarea), maar alleen in IE9.
Iemand al hetzelfde probleem gehad?
Please help me!