Skip to Content
Menu
This question has been flagged
2147 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?

Avatar
Discard