Odoo Help


This community 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.


boostrap.css messes with Internet Explorer

Brian de Wit
on 5/27/15, 3:32 AM 249 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?

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

1 follower(s)


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