search

webmechanicx / css3-mediaqueries-js

CSS3 Media Queries - JS
3 stars 0 forks source link

HTML5 tags in IE7 with fixed width invisible on initial load #4

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1. Create container around page content with a fixed width (#container { 
margin: 0 auto; width: 960px }

2. Make sure to use HTML5 elements inside the #container (<header> and <footer> 
for example)

3. Load the page in IE7. Upon initial load, the header and footer do not 
appear. Only once you move the mouse INTO the content window (<html> or <body>) 
do the header and footer reappear.

What is the expected output? What do you see instead?
Expect these elements to load in, but instead they are not present. Almost like 
if visibility has been set to hidden. Content retains layout, but is just 
invisible.

What version of the product are you using? On what operating system?
There is no specific version stated, so version as of 5/2/2011. Issue is only 
on Windows IE7. Works fine in IE8.

Please provide any additional information below.
Initially encountered problem when setting a fixed width to the #container 
using a media query once the width of the window hit 975px. Started out with 
width 100% and once window width hit 975px, I changed the width to 960px.
If I kept the width set to 100%, regardless of window width, header and footer 
showed up fine. Only when I set a fixed pixel width does issue arise.

I tried eliminating all unnecessary styles and all media queries, and issue 
still occurred. Only after I removed the css3-mediaqueries-js script, did the 
#container size to 960px and header and footer showed up fine. 

My only guess is there's an issue w/ IE7 and the css3-mediaqueries-js when 
initially loading, even if NO media queries are being declared in the CSS.

Note: I am using Modernizr to activate HTML5 elements in IE, etc.

Sorry for the long-winded description :\

Original issue reported on code.google.com by di...@bureaublank.com on 2 May 2011 at 9:12

GoogleCodeExporter commented 8 years ago 
I had the same issue.  No longer able to use css3-mediaqueries.  This should 
really have higher priority considering the number of people using the HTML5 
boilerplate and other CMS templates built with Modernizr.

Original comment by john.m.m...@gmail.com on 21 Sep 2011 at 5:39

GoogleCodeExporter commented 8 years ago 
This bug happens in Chromium 16.0.891.0 as well.

Original comment by oneofone on 29 Sep 2011 at 12:00

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