Hey,

Ik maak gebruik van fieldsets in m'n pagina. In FF ziet alles er perfect uit zoals het moet zijn, maar in IE is het echt super lelijk.

Dit is m'n CSS:

<style type="text/css">
fieldset {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #626366;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #424242;
border-left-color: #424242;
}
</style>

Zo ziet het er uit in FF: http://img340.imageshack.us/img340/4705/knipselpn1.jpg
Zo ziet het er uit in IE: http://img340.imageshack.us/img340/4330/knipsel1zf0.jpg

Ik snap niet wat ik verkeerd doe. Alvast bedankt voor de hulp!

en wat gebeurt er als je het volgende toevoegd:


legend {
color: #ffffff;
}
Nu zijn de titels al wit, maar die ene titel is nog altijd gedeeltelijk doorstreept (zie screenshot eerste post)

Edit: Heb een padding en een margin toegevoegd en het ziet er inorde uit nu.
legends en fieldsets worden nog niet echt ondersteund door IE . daar ligt het grootste probleem.. Het ligt gedeeltelijk buiten jou om.

misschien kun je een alternatief bedenken? misschien iets met een heading of iets dergelijks..

Reageren