There is some property in style.css that I do not understand and it makes any screen size activate horizontal slider. Why are those negativ margin-right: -2px and margin-left: -2px ?

style.css (line 48)

.masthead, .region-footer {
    background-color: #1E1E1E;
    background-image: -moz-linear-gradient(#262626, #151515);
    border: 1px solid #000000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
    color: #EBEBEB;
    margin-left: -2px;
    margin-right: -2px;
    min-width: 1px;
    position: relative;
    text-shadow: 1px 1px 1px black;
}

Comments

jurriaanroelofs’s picture

jurriaanroelofs commented
Assigned: Unassigned » jurriaanroelofs
jurriaanroelofs’s picture

jurriaanroelofs commented

That was some legacy code of an old layout system that shouldn't be there. thanks for spotting it.
removing it in next release.

jurriaanroelofs’s picture

jurriaanroelofs commented

And what it's for: when implemented properly you can use negative margins to create an invisible buffer space that absorbs overflow that comes from internet explorer's rounding issues.

For example, if you have 3 blocks with a 33.33% width, internet explorer might round each of the block to 33.4, then the widths will add up to 100.2% and the blocks won't fit in 1 row, causing the footer layout to collapse. The buffer makes sure the collapsing never happens.

jurriaanroelofs’s picture

jurriaanroelofs commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.