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

How do you change vbulletin's home page to the forums instead of the default (CMS or Activity Stream)? -

c++ - Troubles when compiling phash program -