I just looked at a site I’m developing in IE 8 using Netrender and it looks
like an 18-car pile up…very not pretty. IE 9, 10, 11 appear to draw the page
the way other browsers do.
Is IE8 a browser of concern anymore, IOW, should I work hard to fix whatever is
messing up my site in IE8, or will
On Tue, Sep 16, 2014 at 3:50 PM, John j...@coffeeonmars.com wrote:
I just looked at a site I’m developing in IE 8 using Netrender and it looks
like an 18-car pile up…very not pretty. IE 9, 10, 11 appear to draw the page
the way other browsers do.
Is IE8 a browser of concern anymore, IOW,
Are you loading an html5shiv or modernizr? Could be the problem if you aren't...
On Tue, Sep 16, 2014 at 3:50 PM, John j...@coffeeonmars.com wrote:
I just looked at a site I’m developing in IE 8 using Netrender and it looks
like an 18-car pile up…very not pretty. IE 9, 10, 11 appear to draw
On Tue, Sep 16, 2014 at 3:59 PM, Tim Arnold tim.arn...@gmail.com wrote:
On Tue, Sep 16, 2014 at 3:50 PM, John j...@coffeeonmars.com wrote:
I just looked at a site I’m developing in IE 8 using Netrender and it looks
like an 18-car pile up…very not pretty. IE 9, 10, 11 appear to draw the page
On Sep 16, 2014, at 1:01 PM, Tom Livingston tom...@gmail.com wrote:
Are you loading an html5shiv or modernizr? Could be the problem if you aren't…
Remy Sharp Shiv yes; modernizr, no…do I need both?
J
__
css-discuss
On Sep 16, 2014, at 12:59 PM, Tim Arnold tim.arn...@gmail.com wrote:
I'm guessing the pile-up is due to using REMs for layout (or
anything). IE8 doesn't know what to do with a REM.
This is so weird…I spend about an hour or two converting all my ems to rems to
combat a parent/child % type size
No, you don't need modernizr too.
IMHO It's well worth adding the px fallback instead of converting rems
to ems. You'll still avoid the compounding issue you get with ems, and
you'll gain a decent layout in IE8.
On Tue, Sep 16, 2014 at 4:09 PM, John j...@coffeeonmars.com wrote:
On Sep 16,
On Sep 16, 2014, at 1:11 PM, Tom Livingston tom...@gmail.com wrote:
IMHO It's well worth adding the px fallback instead
the px fallback being to add
font-size: 16px;
font-size: 1rem;
to my css up at the top, right? Does this also set 1rem equal to 16px?
On Tue, Sep 16, 2014 at 4:16 PM, John j...@coffeeonmars.com wrote:
On Sep 16, 2014, at 1:11 PM, Tom Livingston tom...@gmail.com wrote:
IMHO It's well worth adding the px fallback instead
the px fallback being to add
font-size: 16px;
font-size: 1rem;
to my css up at the top, right?
On Sep 16, 2014, at 1:21 PM, Tom Livingston tom...@gmail.com wrote:
the px fallback being to add
font-size: 16px;
font-size: 1rem;
to my css up at the top, right? Does this also set 1rem equal to 16px?
No no. For each use of rem, you need to add a px fallback. The above
was just an
Correct.
On Tue, Sep 16, 2014 at 4:25 PM, John j...@coffeeonmars.com wrote:
On Sep 16, 2014, at 1:21 PM, Tom Livingston tom...@gmail.com wrote:
the px fallback being to add
font-size: 16px;
font-size: 1rem;
to my css up at the top, right? Does this also set 1rem equal to 16px?
No no.
John wrote:
Does this also set 1rem equal to 16px?
John, /you/ (the page author) cannot set 1 rem to anything;
the size of the root em (rem) is determined by each user,
through the user interface to his/her preferred browser.
In many cases, this will be the browser default, which /may/
be
If rem units are for font size and margins and padding get % values, does it
get fairly hairy knowing what % you need for your margin/padding? Always of
the parent, of course, but what if you have an ul in your sidebar and another
in a main content div, which is much wider than the sidebar..
2014-09-17 0:11, John wrote:
If rem units are for font size and margins and padding get % values,
does it get fairly hairy knowing what % you need for your
margin/padding?
Yes. Or, rather, impossible. You would need to make a guess and go wrong
often.
I guess through the use of descendent
On Sep 16, 2014, at 2:29 PM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
Percentages have their use, but for margin and padding, they are mostly
unsuitable. The padding between text and the edge of an element should relate
to the font size, not the total width of something.
Thank you,
On Tuesday, September 16, 2014, John j...@coffeeonmars.com wrote:
On Sep 16, 2014, at 2:29 PM, Jukka K. Korpela jkorp...@cs.tut.fi
javascript:; wrote:
Percentages have their use, but for margin and padding, they are mostly
unsuitable. The padding between text and the edge of an element
I'm trying to create a cross-browser stopped linear gradient, but can't get the -webkit- syntax
right despite the reference books.
The 'gradient' is to have #1B91FF (a blue) in the top 60%, and #FEC409 (a yellow) in the bottom
40%. There should be a sharp division between the colours.
For
I use this:
http://www.colorzilla.com/gradient-editor/
On Tue, Sep 16, 2014 at 7:36 PM, Tim Dawson t...@ramasaig.com wrote:
I'm trying to create a cross-browser stopped linear gradient, but can't get
the -webkit- syntax right despite the reference books.
The 'gradient' is to have #1B91FF (a
Hello Karl,
Thanks. That works, and only differs from my standards version by the addition
of '-webkit-'
It doesn't seem to matter whether one uses the short-hand 'background' or
'background-image'.
I was working from a Sitepoint book that was published in 2011, hence all the
'color-stop'
Glad I could help. GL.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Sep 16, 2014, at 7:17 PM, Tim Dawson t...@ramasaig.com wrote:
Hello Karl,
Thanks. That works, and only differs from my standards version by the
addition of '-webkit-'
It doesn't seem to matter
Le 17 sept. 2014 à 08:36, Tim Dawson t...@ramasaig.com a écrit :
For the standards version I've got:
background-image: linear-gradient(top, #1B91FF 60%, #FEC409 60%, #FEC409
100%);
Uh, no, that should **not** work anywhere (see below).
it works perfectly in Firefox (32), but not in
so, if rem units are specifically for type and not for positioning, then what
about things like line-height? Should line-height be expressed in rems if the
font-size is expressed in rems?
I would think so, since line-height acts on the type, rather than on the type’s
container..but I am not
On Tuesday, September 16, 2014, John j...@coffeeonmars.com wrote:
so, if rem units are specifically for type and not for positioning, then
what about things like line-height? Should line-height be expressed in rems
if the font-size is expressed in rems?
I would think so, since line-height
Le 17 sept. 2014 à 10:30, John j...@coffeeonmars.com a écrit :
so, if rem units are specifically for type
They are not…
and not for positioning,
Rem can be used for positioning, why wouldn’t it? I frequently specify padding
/ margin in rem
then what about things like line-height?
On Sep 16, 2014, at 6:36 PM, Philippe Wittenbergh e...@l-c-n.com wrote:
Le 17 sept. 2014 à 10:30, John j...@coffeeonmars.com a écrit :
so, if rem units are specifically for type
They are not…
and not for positioning,
Rem can be used for positioning, why wouldn’t it? I frequently
Did you read on this list that the REM unit is only for type? - It's a relative
unit like any other relative unit. I use it for everything except element widths
(they get %s) and line-height that should be unitless.
There are some strange rules of thumb floating around out thereTake a look
at
26 matches
Mail list logo
