Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.lang.javascript > #14534

Re: Image in Responsive Design. Need advice ... Thank You.

Path csiph.com!usenet.pasdenom.info!aioe.org!eternal-september.org!feeder.eternal-september.org!mx04.eternal-september.org!.POSTED!not-for-mail
From "Jukka K. Korpela" <jkorpela@cs.tut.fi>
Newsgroups comp.lang.javascript
Subject Re: Image in Responsive Design. Need advice ... Thank You.
Date Sat, 16 Jun 2012 16:45:04 +0300
Organization A noiseless patient Spider
Lines 23
Message-ID <jri2ks$btf$1@dont-email.me> (permalink)
References <6fe7f036-45e3-4f3f-8ca0-05ae4c9baa73@googlegroups.com>
Mime-Version 1.0
Content-Type text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding 7bit
Injection-Date Sat, 16 Jun 2012 13:45:00 +0000 (UTC)
Injection-Info mx04.eternal-september.org; posting-host="ngroV0xYIIv0dzjhyZhv5A"; logging-data="12207"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX18SEhScukcrcvRdbkPoxr/p"
User-Agent Mozilla/5.0 (Windows NT 6.1; rv:13.0) Gecko/20120614 Thunderbird/13.0.1
In-Reply-To <6fe7f036-45e3-4f3f-8ca0-05ae4c9baa73@googlegroups.com>
X-Antivirus-Status Clean
X-Antivirus avast! (VPS 120616-0, 16.06.2012), Outbound message
Cancel-Lock sha1:7yZmq+1duvkxmRBwOyjWWYK4DtA=
Xref csiph.com comp.lang.javascript:14534

Show key headers only | View raw


2012-06-16 16:17, Shapper. wrote:

> http://www.jordanm.co.uk/sourceshuffling
>
> The problem the demo does not work in IE!

The page is buggy: it starts with a <meta> tag. So it does not start 
with a doctype declaration. Therefore browsers go to Quirks Mode. This 
means that they are differently quirky. IE generally refuses to 
understand most of the advanced CSS, i.e. CSS3 features, in Quirks Mode, 
and the page heavily relies on them.

You can see this on IE 9 by hitting F12, then setting Document Mode to 
IE 9 mode. Now the technique works. To make it work in IE 9 on your 
pages, just make sure the document starts with <!DOCTYPE html>.

(It won't work on IE 8 and earlier, due to lack of support to media 
queries, see http://caniuse.com/#feat=css-mediaqueries )

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread


Thread

Image in Responsive Design. Need advice ... Thank You. "Shapper." <mdmoura@gmail.com> - 2012-06-16 06:17 -0700
  Re: Image in Responsive Design. Need advice ... Thank You. "Jukka K. Korpela" <jkorpela@cs.tut.fi> - 2012-06-16 16:45 +0300
    Re: Image in Responsive Design. Need advice ... Thank You. "Shapper." <mdmoura@gmail.com> - 2012-06-16 07:57 -0700

csiph-web