html - Allowing a background to overflow? -
i have background such below:
trouble want set width of containing box cover end of white areas & hence shadow should "overflow". don't want use out container or padding trying avoid width; if background overflows browser isn't going create horizontal; scrollbars , that's want.
is there way can accomplish or forced use full width?
backgrounds on <body>
don't affect scrollbars, depending on need shadow might able similar this;
body { background: url(http://i.stack.imgur.com/ftw5z.png) no-repeat center top; margin: 0; } .container { width: 1014px; /* inner space of shadow image */ margin: 35px auto; /* 35px matches size of top shadow */ }
demo @ http://jsfiddle.net/gjsxn/2/
you can achieve same effect container , use of min-width , overflow hidden.