dedosinfo
Member
Posted 1 year ago #
Hi folks.
I'm trying to implement a responsive design in a WordPress theme.
I used some media queries (@min-width) and it works beautifully in Firefox, Chrome, Opera etc. In Internet Explorer 8 and down it sucks, of course.
So I decided to implement the respond.js script, but it seems it's not interacting with my CSS file. The layout on IE is just broken.
The site address:
http://www.ccm-ita.org.br (don't bother to click links, it's just the home i'm testing)
The css file that contains the queries is home.css
Any help will be appreciated and I can link to your website on the CSS comments (not much I know).
thanks!
Hi dedosinfo.
after long research i figured out that the respond.js only works if you call the CSS-file with a relative path. E.g.:
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
and not:
<link rel="stylesheet" type="text/css" media="all" href="http://mydomain.com/wp-content/themes/mytheme/style.css" />
The Point is that WordPress won't handle this call anymore. WordPress need the absolute path. I even used the Respond.js-Plugin, but it still didn't make it work for the Internet Explorer.
I see that meanwhile you could make it work for IE. Could you give me a hint?
