Philippe Wittenbergh wrote: > On Jul 1, 2006, at 8:52 PM, francky wrote: > >> Yes! :-) - It triggered my inspiration to try a variant: another >> young html monkey >> <http://home.tiscali.nl/developerscorner/css-discuss/test-monkey-new.htm>. >> > > This doesn't work as you intended in Firefox 1.5 and up (and Camino, > SeaMonkey1.0x,...). The div covers up the legend. > > Here are the rules that govern the display of the <legend> in Gecko > 1.8+ (found in res/forms.css): > >> legend { >> padding-left: 2px; >> padding-right: 2px; >> border: none; >> position: static ! important; >> float: none ! important; >> } > Aha! Thanks for the message. I've put the label "invalid" to my variant... In FF1.07 the res/forms.css is: legend { padding-left: 2px; padding-right: 2px; border: none; } I changed this in the 1.5 rules, tried again, and came to a new testpage <http://home.tiscali.nl/developerscorner/css-discuss/test-monkey-newvariant.htm>. According to Browsershots now it should be o.k. in FF1.5 too. Note: it seems to be impossible in FF to position the legend somewhat under the top position of the inside text. Even a {position: relative !important;} for the legend and/or for the .fieldset-inside class doesn't help, nor a { z-index: 1 !important;} for the legend: in FF always the inside-box is covering the legend-area. Also tried some floating: all in vain. [1]
Thanks again, francky [1] Escape for this is of course to forget the whole fieldset-coding, and replace it by common div's and classes. ______________________________________________________________________ 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/
