[CSS] Firefox, IE en Labels.

[kingmuze]

Na een aardige tijd is mijn nieuwe site bijna IE en Firefox compitable. Op één punt na. Labels worden in IE altijd weergegeven, ongeacht deze inhoud hebben:


In Firefox worden deze niet weergegeven:


Om alles zo netjes mogelijk uitgelijnd te hebben zou het mooi zijn dat deze wel worden weer gegeven.

CSS die achter deze labels zit:

code:

label {
    width: 150px;
    color: #000000;
    background-color:red;    /*Voor duidelijkheid*/
    float: left;
    text-align: right;
}

En de HTML:

code:

<div>
    <label for="category">category:</label>
    <input type="radio" name="category" value="Personeel">Personeel<BR>
    <label for="category"></label>
    <input type="radio" name="category" value="Onderwijs">Onderwijs<BR>
    <label for="category"></label>
    <input type="radio" name="category" value="Printers">Printers<BR>
    <label for="category"></label>
    <input type="radio" name="category" value="Gasten">Gasten<BR>
</div>

Ben benieuwd of iemand een hack hiervoor weet.

[ Voor 17% gewijzigd door kingmuze op 01-11-2005 08:49 ]

[Cyphax]

Je kunt er een spatie inzetten? ( )
Heb je dat geprobeerd?
Mooi is wel anders, maarja...

[kingmuze]

Cyphax schreef op dinsdag 01 november 2005 @ 08:50:
Je kunt er een spatie inzetten? ( )
Heb je dat geprobeerd?
Mooi is wel anders, maarja...

Ja ik heb al een spatie geprobeerd en een

code:

. Een

code:

werkt wel maar mooi is inderdaad anders. Je zou zeggen dat er wel een andere mogelijkheid is.

[ Voor 5% gewijzigd door kingmuze op 01-11-2005 09:03 ]

[marty]

de display-property op block zetten misschien?

[crisp]

gewoon een (min-)height geven; in Firefox heeft de label gewoon geen height als er niets in staat.

[kingmuze]

crisp schreef op dinsdag 01 november 2005 @ 09:19:
gewoon een (min-)height geven; in Firefox heeft de label gewoon geen height als er niets in staat.

Correct, Super!

Allemaal bedankt voor de replies. Even om het topic compleet te maken:

Antwoord:

code:

label {
    width: 150px;
    color: #000000;
    float: left;
    text-align: right;
    min-height:10px;
}

[Verwijderd]

Volgens mij heb je niet helemaal door waar labels voorzijn juist de tekst achter de radioboxes zijn labels

[Verwijderd]

Verwijderd schreef op dinsdag 01 november 2005 @ 17:07:
Volgens mij heb je niet helemaal door waar labels voorzijn juist de tekst achter de radioboxes zijn labels

nee, de <label> tags zijn de rode blokjes die voor de inputs staan

[BtM909]

Verwijderd schreef op dinsdag 01 november 2005 @ 18:43:
[...]


nee, de tags zijn de rode blokjes die voor de inputs staan

Hoeft overigens niet voor een input te staan, maar ja, je hebt gelijk. mophor verwijst echter naar de labels behorende bij een radiobutton