scottjehl/Respond — Issue #108: 'nextSibling' is null or not an object in IE7
Author: eshrinivasan
Created: 2012-02-17 15:48:04+00:00
State: open

I'm trying to make my page responsive for IE7, IE8 and using respond.min.js to achieve that. Basically my set up is like this

When I resize my browser in IE7, I get "nextSibling is null or not an object" error. Is this a known issue or I'm doing something wrong?

The contents of mediaQuery.css are :

@charset "utf-8";
/* CSS Document */

/*styles for 620px and up! (let's try this one minified )*/
@media screen and (min-width: 620px),only print,projector{
body{background:red;}

html, body {
-moz-background-size: 100% auto;
-webkit-background-size: 100% auto;
background-size: 100% auto;
margin: 0 auto;

}

#wrapper, #header, #footer{
width: 80%;
margin: 0 auto;
}

#nav{
margin:0;
width: 100%;
}

#wrapper{
padding: 0px;
}

.carousel{
float: left;
background: none;
}

}

/*styles for 800px and up!*/
@media screen and (min-width: 800px){
body {
background: blue;
}
html, body {
-moz-background-size: auto auto;
-webkit-background-size: auto auto;
background-size: auto auto;
margin: 0 auto;

}

#wrapper, #header, #footer{
width: 80%;
margin: 0 auto;
}

#nav{
width: 100%;
}

.carousel{
float: left;
background: none;

}
#wrapper{
padding: 0px;
}
}

/*styles for 1100px and up!*/
@media screen and (min-width: 1100px){
body {
background: orange;
}

html, body {
-moz-background-size: 100% auto;
-webkit-background-size: 100% auto;
background-size: 100% auto;
margin: 0 auto;

}

#wrapper, #header, #footer{
margin: 0 auto;
width: 73%;
}

#nav{
margin:0;
width: 100%;
}

.carousel{
float: left;
background: none;

}

}

/*styles for 1300px and up!*/
@media screen and (min-width: 1300px){
body {
background: navy;
}

html, body {
-moz-background-size: 100% auto;
-webkit-background-size: 100% auto;
background-size: 100% auto;
margin: 0 auto;

}

#wrapper, #header, #nav, #footer{
width: 100%;
margin: 0 auto;
}

#wrapper{
padding: 0px;
}

.carousel{
float: left;
background: none;

}

}