Does not fit any screen [#1494130]

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

Comment #1

JurriaanRoelofs CreditAttribution: JurriaanRoelofs commented 15 April 2012 at 10:35

Assigned:

Unassigned

» JurriaanRoelofs

Comment #2

JurriaanRoelofs CreditAttribution: JurriaanRoelofs commented 15 April 2012 at 12:36

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

Comment #3

JurriaanRoelofs CreditAttribution: JurriaanRoelofs commented 15 April 2012 at 12:40

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.