[CSS] Checkbox positioneren

[TheBorg]

Ik heb een klein probleempje. Als je een checkboxje neerzet dan staat deze niet netjes onder de text:



Voeg ik een style toe dan staan de checkbox goed in FF.

code:

style="margin-left:0px;"

Maar in IE staat de checkbox nogsteeds verkeerd. Alleen een margin-left:-3px zet de checkbox op de goede plaats, maar dan klopt het weer niet in FF...

Iemand een oplossing?

[Koeniepoenie]

Je kunt een hack in de zin van _margin-left: -3px (weet niet helemaal zeker of deze werkt) gebruiken. Of gebruik maken van de CSS2 selectors die IE niet ondersteund.

Cascading Stylesheet:

/* Voor IE */
.checkdozen {
    margin-left: -3px;
}
/* Voor FF e.a. */
input[type=checkbox] {
    margin-left: 0px;
}

[Verwijderd]

padding wellicht?

[TheBorg]

Dat werkt perfect Koeniepoenie.

[Genoil]

En voor beide browsers in 1 keer:

code:

<input type="checkbox" style="margin-left:0px;width:14px;" />

[prototype]

Komt dat niet door eventuele whitespaces? Probeer eens:

HTML:

Hallo<br /><input type="checkbox" ... />

in plaats van

HTML:

Hallo<br />
<input type="checkbox" ... />

[TheBorg]

Genoil schreef op woensdag 24 augustus 2005 @ 17:57:
En voor beide browsers in 1 keer:

13px dan, anders word de checkbox in FF 1px te groot. Werk inderdaad ook goed.

prototype schreef op woensdag 24 augustus 2005 @ 18:04:
Komt dat niet door eventuele whitespaces?

Helaas niet.