html - Allowing a background to overflow? -


i have background such below:

enter image description here

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.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -