CODEWITHSUNDEEP
csswordpressinternet-explorer
Nekto
Nekto

Reputation: 336

Wordpress theme works very strange in IE

I'm working with WP website now and stuck with one problem.

The website is working fine in Chrome, Firefox, Safari, Opera and IE10, but in older IE versions (like IE9) it looks very strange. It seems that my custom CSS doesn't loaded properly. The interesting thing is that CSS styles partly applied to the website (icon font) but not styles which overrrides Foundation framework styles.

Maybe someone can explain me what I'm doing wrong and put me into right direction?

P.S. I'm not sure that it's important, but I based my WP theme on Foundation WP theme.

Thank you in advance!

Upvotes: 0

Views: 100

Answers (3)

Nekto
Nekto

Reputation: 336

The problem appeared because the main CSS file was too large for IE8 and lower, and it just croped my CSS styles. I've broke it into 2 files and this fixed the problem :)

Thank you everyone who tried to help, and especially Spudley for pointing into right direction!

Upvotes: 0

Owen C. Jones
Owen C. Jones

Reputation: 1495

The class .dl-menu is using the code:

opacity: 0;

Which is not very cross browser. You need to use a few versions for better support of opacity.

This is only the one point, and it looks like there may be others to me, but see if changing this helps you.

This page will explain the cross browser opacity properties well: http://css-tricks.com/snippets/css/cross-browser-opacity/

Upvotes: 0

Jonathan Marzullo
Jonathan Marzullo

Reputation: 7051

have you tried adding this to the top of the head tag above the title tag to make sure IE uses the highest version in IE

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

also when viewing in IE are you checking the in the inspector (F12) making sure the Document Mode matches the Browser Mode so if your checking IE9.. you would

Browser Mode: IE9

Document Mode: IE9 Standards

Upvotes: 1

Related Questions