Zodpovedajúci dizajn webových stránok: šírka šírky + polstrovanie nepresahuje obsahujúce div, aj keď sa rovná 100% - css, šírka, polstrovanie, citlivý dizajn

Mám dva divs, obaja s nasledujúcimi css:

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

Teraz očakávam, že tieto zázraky budú obsahovať celý obsah divu a robia to vo Firefoxe, ale v internetových prehliadačoch (ktoré ešte neboli testované v IE) sa pohybuje okolo 99%.

Je tu niečo konkrétne, čo musím urobiť, aby sa v prehliadačoch webkitov stalo 100% na celom priestore?

Tu je to, s čím pracujem (na vrchole McDouble hamburger) bueddefeld.com/blog.

odpovede:

Je to a chyba v prehliadačoch webkitov, Preto odporúčame, aby ste pri vytváraní odpovedajúceho rozloženia používali ems namiesto percentuálnych hodnôt. Tu je pôvodný článok s odporúčanou technikou, aby ste získali naozaj citlivé usporiadanie fungujúce vo všetkých moderných prehliadačoch.