Our site's forms are composed more or less like this:
<form>
<fieldset>
<div class="formrow">
<p><input /><br /><label />
<p><input /><br /><label />
</div>
<div class="formrow">
....
</div>
</form>
P's inside of formrow's float left, then we start a new row by closing
the div and following with a new one. So the markup is a little
laborious but it does give nice control for style hints.
I've recently found that the divs in this markup/styling don't serve
their clearing (block) fundtion in Firefox 1.5.4 and 1.5.6 at least, but
are ok in 1.0.7 and 2.x. I've extracted css and html into s reduced
case.
http://toaster.law.indiana.edu/exhibits/layout/form_block.html
I've also tried putting style on the divs to insist that they
clear--even that doesn't help, so it doesn't seem like a specificity
issue.
I'd appreciate any analysis and even css rules that would overcome this.
I'm hoping not to have to alter the markup.
Frank Burleigh
Indiana University School of Law
[EMAIL PROTECTED] 812-855-9170
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
