Set a fixed table-layout in the clearfix to avoid max-width conflict.
Some browsers ignore the max-width property on children of elements with display: table. See http://www.carsonshold.com/2014/07/css-display-table-cell-child-width-bug-in-firefox-and-ie/
This commit is contained in:
parent
6b2e7c8b44
commit
6b0c7717c9
2 changed files with 2 additions and 0 deletions
|
@ -14,6 +14,7 @@
|
||||||
@mixin clearfix() {
|
@mixin clearfix() {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Clear after (not all clearfix need this also)
|
// Clear after (not all clearfix need this also)
|
||||||
|
|
|
@ -599,6 +599,7 @@ a:active {
|
||||||
.site-footer:after {
|
.site-footer:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear:after,
|
.clear:after,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue