Allow overflow css code#

This is because there will inevitably be some edge cases where a trade-off needs to be made on whether to just let things be. Anyway, we thought it was worth a discussion, from why this phenomenon exists to how we can do our best to avoid it.Īs you can see, I have chosen the reasonably “loose” phrase “do our best”. Which is very different from intentional horizontal scrolling on mobile. *edit Paul’s answer came up while I was typing.My good friend, Wei, has a pet peeve: unintended horizontal over-scrolling on mobile.

Allow overflow css code#

More code (or a link to the page, whatever) will help. When I hit reply I thought I knew what you were asking, but it’s not quite clear yet. You are asking the wrong question (you see how everyone’s answering you about HTML images, because “background” and “overflow” have nothing to do with each other).īut, I think if you post some of the html (the wrapper and at least one child) with maybe also a screenshot, then we’ll know what you mean. Its cut off either side, i need the BG image to over flow this div? Url(“…/images/myimages01.png”) no-repeat scroll center 0 transparent

The #wrapper div also contains all the body content with borders etc inside if i change it from 1000px it messes everything up. I’m not needing to repeat the image, i understand that if i have a 1.8k px image i need a div this big to hold it however. Sorry maybe i didn’t make myself very clear. However the extra width on the right will cause a browsers scrollbar and I’m not sure whether you want this or not? Some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text some filler text Margin:0 -400px /* now equals 1600px wide */ You can make an inner div overflow the parent using neagtive margins and here are a couple of examples: Of course you may mean something else and just want it repeated as Vineet has mentioned above.Įriks method above will also allow the background image to overflow the container but the parts that are outside will still effectively be ignored but may be close to what you want.

If you want an 1800px background image to show then you will need an 1800px container to hold it.

You could place a foreground image and let it overflow the container but any parts outside the container would be ignored (except in ie6 where the container will get stretched to fit the image).Įither way I can’t see how that will be any real use. If the div is 100px wide and the background image 1800px wide than only 100px of it will ever show. I’m not sure I understand the question so you may need to clarify what you want to happen and how this will be occuring.Ī background image can never escape from its container because it is painted on the background of that container and it is impossible for it to be bigger than itself.