-----Original Message----- From: [EMAIL PROTECTED] Sent: Saturday, September 23, 2006 11:58 AM -07:00 To: CSS List [EMAIL PROTECTED];[EMAIL PROTECTED] Subject: [css-d] Complex forms - is there a final consensus
I applied the IE hacks and found they made absolutely no difference. I went back through the form styles and commented them all out adding in one at a time. What I found is the only styling that is truly making a difference in browsers (at least between FF and IE) is the 'fieldset' background color. It seems that in IE it fills in the color between the fields sets , yet in FF it does not giving a nice clear distinction between fieldsets. Just not sure how to fix this in IE. Stuart Actually , I found this hack, which confirmed the fieldset issue in IE. http://www.mattheerema.com/archive/getting-fieldset-backgrounds-and-legends-to-behave-in-ie With one tiny tweak to this code I was able to get IE to show the form correctly. I'll be posting the link a bit later. I'm happy to have gone with CSS form. Stuart -----Original Message----- From: [EMAIL PROTECTED] Sent: Friday, September 22, 2006 9:47 PM -07:00 To: CSS List [EMAIL PROTECTED] Subject: [css-d] Complex forms - is there a final consensus > [...] One question is running it through markup validation I see > errors for not having an operning <br> for code ending in <br />. It > seems though that I've seen it written that way before so I'm not > sure. Trust the validator on this one. <br /> is the only correct way to write a 'break' in XHTML 1.0, regardless of where it is or what others may do. > Also, IE is showing the partbdiv , right side of form much higher > then the left , where in FF they were even at the the top. Any ideas > ? No, but that's easy enough to adjust :-) I will suggest the following CSS fixes/additions for IE6 (and other browsers), for a start... /* kill the ridiculous font-step bug in IE/win */ * html body {font-size: 100%;} /* trim layout in IE/win */ * html #parta {margin-top: -36px;} * html #partb {margin-top: 8px;} /* fix fieldset background in IE/win */ * html fieldset {margin-top: 1em; position: relative;} * html legend {margin-top: -.9em; position: relative;} /* give room for text */ input {width: auto;} ...and the layout is still in need of a bit more testing and trimming across browser-land. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/ ______________________________________________________________________ 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/ ______________________________________________________________________ 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/
