Help with some css problems and browser support!!!!

[Paulie_D]

>its working perfect in IE9 for me.

Interesting…it doesn’t in my IE10 but switching to IE9 standards they stack up…hmmmm

[chanman]

So why did it just all of a sudden start working? Was it because I added the modernizr? @paulie_d

[chanman]

Tthats weird?

[chanman]

stacking up is fine with me.

[chanman]

I don’t have IE10 yet what does it do in that? @paulie_d

[Paulie_D]

It probably doesn’t matter but you should load your CSS sheets in a different order.

I would do something like

normalize.css

demo.css

style.css

in that order.

[Paulie_D]

IE10

[chanman]

I’m going to try and put all the css in one file when I get done and IE10 is weird I wonder if I updated the modernizr file because the download came out before IE10. Do you think that might work? @paulie_d

[Paulie_D]

OK….I **think** it’s down to backface-visibility not being supported in IE without a pre-fix

You have

.rm-container .rm-front, .rm-container .rm-back {
backface-visibility:hidden;
}

I think you might need to add

-ms-backface-visibility:hidden;

Worth a try

You might want to search for other instances as well.

[chanman]

Thanks I check it out.

[chanman]

Here is a link to the style sheet controlling the menu [style.css](http://http://www.biggunsbarbq.com/css/style.css “”) as you can see this
-ms-backface-visibility:hidden;
is already in the css
“`
.rm-container .rm-front,
.rm-container .rm-back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
“`

@paulie_d

[Paulie_D]

Then I don’t know…

[Paulie_D]

IE10 is now stacking as per IE9.

[chanman]

The only reason it is stacking is because I took the media query that put them stacking at 960px and changed it to 2000px until I can figure out what to do with it the folding problem. @paulie_d

[Paulie_D]

Then that sounds like a media query issue rather than anything else.

[Author]

Posts