Responsywne projektowanie stron internetowych: szerokość div i dopełnienie nie zawierają elementów div, mimo że są równe 100% - css, width, padding, responsive-design

Mam dwa divy, oba z następującymi css:

#div-id {
width:96%;
padding: 10px 2% 10px 2%;
}

Teraz oczekuję, że divy będą obejmowały cały zawierający div, i robią to w Firefoksie, ale przepływają one tylko około 99% w przeglądarkach webkit (jeszcze nie testowałem w IE).

Czy jest coś szczególnego, co muszę zrobić, aby obejmowały one 100% przestrzeni w przeglądarkach webkit?

Oto, z czym pracuję (na szczycie burgera McDouble'a) na bueddefeld.com/blog.

Odpowiedzi:

To jest błąd w przeglądarkach webkit. Dlatego zaleca się używanie ems zamiast procentów podczas tworzenia responsywnego layoutu. Oto oryginalny artykuł z zalecaną techniką, aby uzyskać prawdziwie elastyczny układ działający we wszystkich nowoczesnych przeglądarkach.