Odoo Help


boostrap.css messes with Internet Explorer

Brian de Wit
on 5/27/15, 3:32 AM 593 views

I had a problem with my wegpage being incompatible with IE 10 and lower. My images kept resizing to the full body width of the webpage in IE10 and lower. I've reviewed the CSS file and found some weird css settings. On line 938 and 947 in bootstrap.css  (addons\web\static\lib\bootstrap\css) there is a property: width: 100% \9. 

.carousel-inner > .item > a > img {
 display: block;
 width: 100% \9;
 max-width: 100%;
 height: auto;
.img-thumbnail {
 display: inline-block;
 width: 100% \9;
 max-width: 100%;


It seems like every browser chooses to ignore this whole css setting except from IE. It reads the line as: width 100%. This will always resize pictures to the full body size of the webpage. When I delete this entire line the compability with IE drastically improves. Is it possible for Odoo to change this line for future updates?

About This Community

This platform is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.


Odoo Training Center

Access to our E-learning platform and experience all Odoo Apps through learning videos, exercises and Quizz.

Test it now

Question tools

1 follower(s)


Asked: 5/27/15, 3:32 AM
Seen: 593 times
Last updated: 5/27/15, 3:39 AM