/ / 980px wrap with 1px left & border + 2 footer same size right below to nie wyrównanie poprawnie - css, layout, html, border, fixed

980px wrap with 1px left & border + 2 footer same size right below to nie wyrównanie poprawnie - css, layout, html, border, fixed

problem, z którym się spotykam

Układ: na górze strony znajduje się menu o szerokości 980 pikseli i środku z ustaloną pozycją, pozostaje ono w miejscu przewinięcia witryny

oba poniżej divy są wyśrodkowane:

980px wrap z 1px lewą i prawą czarną obwódką

tuż pod nim znajduje się stopka o szerokości 982px i nie jest prawidłowo wyrównana - przykleja 1 piksel w lewo

Można zobaczyć tutaj

Odpowiedzi:

3 dla odpowiedzi № 1

Możesz użyć:

        -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

I ustaw twoje szerokości na 980px;


0 dla odpowiedzi nr 2

Tanim sposobem naprawienia tego jest usunięcie tego:

.home #footer {
border: medium none;
}

A następnie do #footer dodaj:

#footer {
position: relative;
left: 1px
}

0 dla odpowiedzi № 3

Może nie to, czego szukasz, ale myślę, że twoje #footer-facebook pasek brakuje 2 pikseli w width także.

Sprawdziłem to innym razem, dla mnie wygląda na to, że te div mają różne rozmiary, z których masz problem to 982px, podczas gdy inne mają 980px.