html - Footer will not use 100% of width -


my footer, along wrapper , body, set 100% page width, yet reason footer has small (25px or so) gap on right side. i've tried moving out of wrapper, didn't work. body has margin , padding set 0. don't have issue header.

here's code: http://jsfiddle.net/w63jk/

any thoughts how fix this?

removing width #header works:

#header {     padding:5px;     /* width: 100%; */     background-color:#272727;     height:100px;     margin-bottom:30px;     -webkit-box-shadow: 0 8px 6px -6px black;        -moz-box-shadow: 0 8px 6px -6px black;             box-shadow: 0 8px 6px -6px black;  } 

that's because paddings adding additional width element, if you've defined 1 in css: http://jsfiddle.net/w63jk/2/

works in ies, ffs , chrome.

info: block elements such divs have full available width of parent default, if no other widths defined via css.


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -