DMXzone Bootstrap Support Product Page
Solved
Css not rendering in IE 7 & 8 with site built with Bootstrap
Reported 21 Oct 2013 02:29:47
1
has this problem
21 Oct 2013 02:29:47 Bruce Symons posted:
Have just finished a site using bootstrap. Works in browsers except in IE7 & 8 my css i.e. backgrounds, borders etc are not rendering.Here is the link to the site www.coastalmonogramming.com.au/
I would appreciate your help please
Replies
Replied 21 Oct 2013 08:32:28
21 Oct 2013 08:32:28 Teodor Kuduschiev replied:
Hello,
IE7 and 8 do not support any html5 elements or media queries. That's why you coastal.css styles are not loaded.
In the bootstrap/js folder of your website you will find a file called html5shiv.js. Link it before the closing </head> tag like:
This will fix your ancient IE versions issues.
IE7 and 8 do not support any html5 elements or media queries. That's why you coastal.css styles are not loaded.
In the bootstrap/js folder of your website you will find a file called html5shiv.js. Link it before the closing </head> tag like:
<!--[if lt IE 9]> <script src="PATH-TO-YOUR-html5shiv.js"></script> <![endif]-->
This will fix your ancient IE versions issues.
Replied 21 Oct 2013 21:47:05
21 Oct 2013 21:47:05 Bruce Symons replied:
Hi Teodor,
Thanks for looking into it but it did not work. I inserted the link before the </head> tag as such
<!--[if lt IE 9]>
<script src="bootstrap/js/html5shiv.js"></script>
<![endif]-->
But it made no change
Thanks for looking into it but it did not work. I inserted the link before the </head> tag as such
<!--[if lt IE 9]>
<script src="bootstrap/js/html5shiv.js"></script>
<![endif]-->
But it made no change
Replied 23 Oct 2013 10:52:52
23 Oct 2013 10:52:52 Bruce Symons replied:
Hi Teodor
Have you had a chance to solve this issue?
Regards. Bruce
Have you had a chance to solve this issue?
Regards. Bruce
Replied 25 Oct 2013 10:07:09
25 Oct 2013 10:07:09 Bruce Symons replied:
Hi Teodor,
I really need an answer to this if you can
Thanks
I really need an answer to this if you can
Thanks
Replied 25 Oct 2013 10:26:59
25 Oct 2013 10:26:59 Teodor Kuduschiev replied:
Hello,
It seems the problem is that your styles are entirely placed inside media queries, and media queries do not work in such ancient browsers..
Please try the following: add this script after all of your css files, just before the closing head tag.
It seems the problem is that your styles are entirely placed inside media queries, and media queries do not work in such ancient browsers..
Please try the following: add this script after all of your css files, just before the closing head tag.
<!--[if lt IE 9]> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]-->
Replied 25 Oct 2013 21:48:40
25 Oct 2013 21:48:40 Bruce Symons replied:
Thank you Teodor - problem solved.
Should I download that js file and include it in my site root rather than have it directly link to another url ?
Should I download that js file and include it in my site root rather than have it directly link to another url ?
Replied 28 Oct 2013 10:19:28
28 Oct 2013 10:19:28 Teodor Kuduschiev replied:
Hello, you can use it directly with the cdn link i sent you.
Replied 28 Oct 2013 12:13:33
28 Oct 2013 12:13:33 Bruce Symons replied:
Yes but will it work if I create a js file with that as the content and include it to my root files with a link to it ?
Replied 28 Oct 2013 12:16:09
28 Oct 2013 12:16:09 Teodor Kuduschiev replied:
Of course it will