Hello all,
So we have a new problem, and it concerns IE 8. Let me explain*...
In Internet Explorer, the legend is attached to the fieldset in such a
way that a top-padding on the fieldset actually pushes the legend
down. No other browser works this way. So in order to get IE 6 & 7 to
display fieldsets with a 1.4em padding like they are in other
browsers, we have the following CSS in ie.css (this is from version
1.0 RC 3, see Github):
/* Fixes padding on fieldset */
fieldset { padding-top:0; }
legend { margin-top:-1.4em; margin-bottom:1.4em; }
Unfortunately, this problem that we are trying to fix is also present
in IE 8... and who knows, it might be in IE 9 too! So far, the best
solution I can find is an elaborate hack that allows this CSS to be
applied to IE 8 without having to add another conditional comment (or
change the current one). And I don't want to change our conditional
comment rule, since that would break backward compatibility for a lot
of sites (we made our bed with LT IE 8, and we're staying in it). The
hack is here:
http://codemill.studio-connect.com/2010/05/18/a-css-hack-for-internet-explorer-8/
I think this is the best solution possible, and I have no qualms about
rolling this into Blueprint 1.0. I just need some help testing,
verifying, making sure this is the only solution, etc. I'll be
traveling over the next week or so and I just need some help solving
this issue. Please have a look, and let me know if you have run into
this problem and what you did to handle it.
* if my explanation doesn't help, this picture will:
http://tumblr.christianmontoya.com/post/1138050232/just-discovered-a-completely-new-problem-with-ie
--
--
Christian Montoya
mappdev.com :: christianmontoya.net
--
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en.
