zhouyangzy / css3-mediaqueries-js

Automatically exported from code.google.com/p/css3-mediaqueries-js
0 stars 0 forks source link

Empty page in IE8 #18

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. IE8, small browser frame size, dont maximize browser. Example: computer with 
resolution 1366x768. 
2. load the page
3. should see IE browser shows error and page empty.

What is the expected output? What do you see instead?
- Expected webpage to load properly, but see empty page

What version of the product are you using? On what operating system?
Window 7, IE8. Have not tested in IE6/7. IE9 working fine so far

Please provide any additional information below.
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; 
Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; 
Media Center PC 6.0; .NET4.0C; .NET4.0E; AskTbORJ/5.13.1.18107)
Timestamp: Wed, 1 Aug 2012 03:23:34 UTC

Message: Invalid procedure call or argument
Line: 408
Char: 1
Code: 0
URI: http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js

Original issue reported on code.google.com by kaylion...@gmail.com on 15 Aug 2012 at 3:57

GoogleCodeExporter commented 8 years ago
same here, IE8 just crushes and I have to shut it down as a process, also used 
browsershots.org to test the site, same there on IE8 screenshots, so their test 
browser crushes too, tried it on another computer and another opsys, same there 
too.
this lib doesn't work under IE8 :(

Original comment by jaaat...@gmail.com on 4 Sep 2012 at 6:16

GoogleCodeExporter commented 8 years ago
The library works in IE8. However, the page content is hidden and then re-shown 
after half a second delay.

Original comment by daniil.g...@gmail.com on 28 Sep 2012 at 5:03

GoogleCodeExporter commented 8 years ago
On some sites when marginLeft of the document is set to a big negative number 
to hide the content until media queries are applied, the screen goes blank for 
a split second, before the marginLeft is reset.

For some reason that doesn't happen on all sites.

Please, suggest a solutions that can be used without breaking core 
functionality of the library.

Original comment by daniil.g...@gmail.com on 28 Sep 2012 at 9:02

GoogleCodeExporter commented 8 years ago
Hi, i'm having the same issue, and i notice the margin left. But still the 
script is breaking on IE8 and IE7. Any solution to this issue??

Original comment by flor.guz...@gmail.com on 6 Nov 2012 at 10:12

GoogleCodeExporter commented 8 years ago
I am having this same issue. I found that I can make it work again if I remove 
some of my styles inside of media queries. Can't pinpoint what's causing this

Original comment by x...@tpmcomm.com on 8 Nov 2012 at 3:58

GoogleCodeExporter commented 8 years ago
The reason for the bug is, that the IE8 and below can only have 32 Stylesheets 
or inline style tags. Since the css3-mediaquers.js adds every mediaquery as a 
single style tag, it will reach the 32 pretty fast.

Original comment by gregor.s...@netlogix.de on 19 Nov 2012 at 12:19

GoogleCodeExporter commented 8 years ago
I get my web designer to write another css special for IE 8 responsive design 
fixes. No intention to give it perfect. 
IE10 in with Windows 8 now. Ahh.. IE just headache!!!!!!!!

Original comment by kaylion...@gmail.com on 28 Nov 2012 at 7:39

GoogleCodeExporter commented 8 years ago
I'm also experiencing this issue. Forcing IE to avoid Compatability Mode seems 
to have helped on some user's browsers who were having this problem, but the 
Error on line 408, related to styles being called persists on all instances of 
IE8 I've tried. I was not aware of the 32 stylesheet maximum in IE8 and if it 
parses the way you describe, that makes sense to me. I'll try removing @media 
styles to see if this makes a difference on the site. Thanks.

Original comment by mille...@iteams.org on 12 Dec 2012 at 1:33

GoogleCodeExporter commented 8 years ago
I found if I replaced my local version of css3-mediaqueries.js with the hosted 
code.google version, it resolved the line 408 error and also displayed the page 
properly. It did, however, give a minor (no dialogue box pop up) error in line 
3 of the Google code. However, that seems to have allowed it to render the page 
just fine. I'm moving on with that solution, but wish there were one that 
generated no errors in IE8.

Original comment by mille...@iteams.org on 12 Dec 2012 at 1:53

GoogleCodeExporter commented 8 years ago
I had the same error with the max amount of style elements in IE8 (@#8).
Changed the script to append all styles in one style element with id attribute. 

addStyle: function (s, process) {
var el;
if (null !== document.getElementById('css-mediaqueries-js')) {
  el = document.getElementById('css-mediaqueries-js');
}
else {
  el = document.createElement('style');
  el.setAttribute('type', 'text/css');
  el.setAttribute('id', 'css-mediaqueries-js');
  document.getElementsByTagName('head')[0].appendChild(el);
}
if (el.styleSheet) { // IE
  el.styleSheet.cssText += s;
}
[...]

removeStyle: function (el) {
  if (el.parentNode)
    return el.parentNode.removeChild(el);
}

Original comment by sebastia...@googlemail.com on 4 Jul 2013 at 3:18

GoogleCodeExporter commented 8 years ago
FOR ME THE PROBLEM WAS A FACEBOOK PLUGIN .WHENE I DID DISABLE THE FZCEBOOK 
PLUGIN AND TWITTER AND GOOGLE PLUS ALL WORKED FINE 

THE FACEBOOK PLUGING MAKE UPDATES SO HE CHANGE IN THE TIME ,THEN YOU CAN T BE 
SURE TO BE COMPATIBLE WITH THIS SCRIPT, I ADVICE TO DISABLE IT OR MAKE JUST A 
LINK TO IT IN OTHER PAGE, DON T INTEGRATE FACEBOOK BOX FOR EXEMPLE JUST MAKE A 
LINK TO IT IN OTHER PAGE OR DISABLE IT , ME PERSONALLY I DON T LIKE IT BECAUSE 
IT DESTROY THE DSIGN OF MY SITE AND COLORS. AND AS I SAYS FACEBOOK CHANGE IN 
TIME THEN THIS UPDATES CAN MAKE PROBLEMS WITH OTHER SCRIPTS LIKE JQUERY OR 
OTHERS.

TO KNOW WITCH SCRIPT IS MAKING THE PROBLEM IN IE8 JUST CLICK TOOLS IN IE8 THEN 
CLICK DEVELOPPER TOOLS THEN CLICK SCRIPT THERE YOU WILL HAVE A CONSOL TELLING 
YOU THE ERRORS AND WITCH SCRIPT IS AFFECTING

SORRY MY ENGLISH I DON T HAVE TIME TO CORRECT IT :(  
GOOD LUCK :)

Original comment by badrelm...@gmail.com on 20 Feb 2014 at 8:11

GoogleCodeExporter commented 8 years ago
To #10 Sebastian:

Fixed blankpage issue for us,

Thanks a Million!

Original comment by jaakko.s...@gogroup.fi on 6 Mar 2014 at 11:49

GoogleCodeExporter commented 8 years ago
Back from the dead... There is a new version of the script. It has some CSS 
parsing and processing improvements. If you're still using it, or would like to 
try again, could you confirm that this issue is solved or not?

Original comment by wou...@dynora.nl on 4 Apr 2014 at 11:46