Ander resultaat in firefox tov internet explorer

Status
Niet open voor verdere reacties.
S

stevebravo

Gebruiker
Lid geworden
16 jan 2010
Berichten
156
Ik maak gebruik van een
fieldset met legend,
een label met de for attribute voor:
texboxen
select/option
en checkboxen..
echter de checkbox accepteert in firefox niet een "border" terwijl de anderen dat wel hebben hoe kan dat?

hier een voorbeeltje

HTML: 
<html>
<head><title>hoi</title>
<style type="text/css">
label, label span {display: block; padding: .12em 0; }
label {float : left; width: 100%; }
label span { float: left; width: 45%; text-align:right;}

fieldset {border: 1px solid #FF6666;
	padding: 5px;
	margin: 300px;
	
	overflow: hidden;
	
	
	}

fieldset input {float: right; width:45%; border : 1px solid #FF6666;}

fieldset select {float:right; width:45.5%; border : 1px solid #FF6666;}
 
 
</style>
</head>
<body>
<form method="post" id="form_id" />
<fieldset>
<legend>Items</legend>

<label for="ingevoerd"> <span>select/options</span>
<select id="ingevoerd" name="ingevoerd">
<option>option1</option>
<option>option2</option>
</select>
</label>

<label for="textveld"> <span>textbox</span>
<input type="text" name="textveld" id="textveld" />
<label>

<label for="checkboxje"> <span>Checkbox</span>
<input type="checkbox" name="checkboxje" id="checkboxje" />
<label>

</fieldset>
</form>
</body>
</html>

internet explorer: zoals u kunt zien krijgt de select/option in internet explorer geen rode rand, terwijl de checkbox dat wel heeft..
Mozilla firefox: zoals u kunt zien krijg de select/option wel de rode rand, maar is er geen rode rand om de checkbox.

Kan iemand mij vertellen waarom dit is?
 
Trouwens.. ik heb de code aangepast.. eenzelfde probleem dat alleen ontstaat in firefox ten opzicht van internet explorer, is dat je niet meerdere select velden naast elkaar kan zetten binnen een label.. zie voorbeeld:

als ik namelijk op 1 van de 2 linker dropdown lists klik.. worden ze allemaal geselecteerd..
erg irritant!

HTML: 
<html>
<head><title>hoi</title>
<style type="text/css">
label, label span {display: block; padding: .12em 0; }
label {float : left; width: 100%; }
label span { float: left; width: 45%; text-align:right;}

fieldset {border: 1px solid #FF6666;
	padding: 5px;
	margin: 300px;
	overflow: hidden;
}

fieldset input {float: right; width:45%; border : 1px solid #FF6666;}

fieldset select {float:right; width: 10%; border : 1px solid #FF6666;  margin-left: 49px;}
 
</style>
</head>
<body>
<form method="post" id="form_id" />
<fieldset>
<legend>Items</legend>

<label for="ingevoerd"> <span>select/options</span>
<select id="ingevoerd" name="ingevoerd">
<option>option1</option>
<option>option2</option>
</select>
<select>
<option>option1</option>
<option>option2</option>
</select>
<select>
<option>option1</option>
<option>option2</option>
</select>
</label>

<label for="textveld"> <span>textbox</span>
<input type="text" name="textveld" id="textveld" />
<label>

<label for="checkboxje"> <span>Checkbox</span>
<input type="checkbox" name="checkboxje" id="checkboxje" />
<label>

</fieldset>
</form>
</body>
</html>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan