ie-alert
ie-alert copied to clipboard
Conflict with Bootstrap (Currently v3.2.0)
The button is distorted, as shown below: (Win7 64bit, IE 8)
One CSS rule should be :
.ie-u-c{height:43px; }
not :
.ie-u-c{height:33px;}
plus that this fixes the issue
This has to do with Bootstrap's * { box-sizing: border-box; }
style, where ie-alert's styles assume the default content-box
value.
So a more general fix, which works on bootstrap and non-bootstrap sites, would be to add the following to ie-alert.css:
#ie-alert-panel * {
box-sizing: content-box;
}