Hi,
I am trying to understand "why" following two scenarios are rendered with
out any difference by Gecko.
Scenario 1:
Applying a float style on label that is placed inside a legend element of
Fieldset element.
<html>
<head>
<style type="text/css">
.radio {
float: left;
}
</style>
</head>
<body>
<form><fieldset><legend>
<label class="radio">
<input type="radio"/></label>
</legend></fieldset></form>
</body>
</html>
Scenario 2:
No style on label that is placed inside a legend element of Fieldset
element.
<html>
<body>
<form><fieldset><legend>
<label>
<input type="radio"/></label>
</legend></fieldset></form>
</body>
</html>
After analysis, i am left with few questions.
1. When float style is applied on label, should'nt it be treated as block
instead of inline(default)?
2. Is this is a special case, where can i find the logic to understand how
a float on label inside a legend element is laid out? i.e, reflow method.
I am actually trying to debug why webkit based browser does'nt really
render it correctly, where as mozilla does, I have done lots of debugging
on this, and have got some questions(like above) to get clarified before i
proceed further.
-Sravan.
_______________________________________________
dev-tech-layout mailing list
[email protected]
https://lists.mozilla.org/listinfo/dev-tech-layout
