Skip to content
This repository has been archived by the owner on Oct 19, 2021. It is now read-only.

Conflict with Bootstrap (Currently v3.2.0) #9

Open
jizusun opened this issue Aug 23, 2014 · 2 comments
Open

Conflict with Bootstrap (Currently v3.2.0) #9

jizusun opened this issue Aug 23, 2014 · 2 comments

Comments

@jizusun
Copy link

jizusun commented Aug 23, 2014

The button is distorted, as shown below:
(Win7 64bit, IE 8)

conflict_with_boostrap

One CSS rule should be :

.ie-u-c{height:43px; }

not :

.ie-u-c{height:33px;}

@danbuntu
Copy link

plus that this fixes the issue

@Nimdraug
Copy link

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;
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants