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
Post a Comment