Question regarding last couple of IE only rules...
da
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?
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.
-DA
Christian Montoya
> 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
da
> > Can anyone confirm which specific browsers the above CSS is
> > targetting? Just IE6?
>
> Yes.
Thanks!
> > 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
It looks like it uses both. From Screen.css:
/* Form fields
-------------------------------------------------------------- */
input[type=text], input[type=password],
input.text, input.title, <=======
textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border-color:#666;
}
From IE.css:
/* 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; }
( my arrows '<======= ' indicating what appears to me to be replicated
between the two style sheet files. )
-DA
Christian Montoya
A ha, you are right. It looks like there has been some duplication
over past revisions. I should probably go in and remove one of
those...