On Wed, Mar 10, 2010 at 12:32 PM, da <[email protected]> wrote: > We're modifying how we're targetting IE in our CSS so need to modify > Blueprint's IE.css file a bit. I'm a bit stumped as to what browsers > that last two 'chunks' of CSS are targetting: > > ----------------------------------------------- > > /* Fixes rule that IE 6 ignores */ > input.text, input.title, textarea { background-color:#fff; border:1px > solid #bbb; } > input.text:focus, input.title:focus { border-color:#666; } > input.text, input.title, textarea, select { margin:0.5em 0; } > input.checkbox, input.radio { position:relative; top:.25em; } > > /* Fixes alignment of inline form elements */ > form.inline div, form.inline p { vertical-align:middle; } > form.inline label { position:relative;top:-0.25em; } > form.inline input.checkbox, form.inline input.radio, > form.inline input.button, form.inline button { > margin:0.5em 0; > } > button, input.button { position:relative;top:0.25em; } > > ----------------------------------------------- > > Can anyone confirm which specific browsers the above CSS is > targetting? Just IE6?
Yes. > The first group that mentions 'IE 6 ignores' is a bit confusing, as it > appears to be repeating the syntax found within the screen.css, so I'm > not sure why it might be ignored. This is definitely not the case, the syntax in screen.css uses CSS 2.1 advanced selectors that IE 6 does not understand, therefore, if you want form elements to have these styles in IE 6, you have to include ie6.css -AND- use the classes .text, .title, .checkbox, .radio in your HTML. -- -- 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.
