Title: background image … stops! Last modified: August 18, 2016 --- # background image … stops! * Resolved [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/) * I have coded my css for a background image to create a dropshadow effect on my local site. The problem is the background image stops after my menu bar in the header. I told the container div to clear: both; by that didn’t help. Any help would be great. * [Click here to see an Image of the problem](http://www.dannycastillo.com/images/problem.jpg) * here’s my div layout * page div * – header div – header ends * -container div * — content div — content ends * — sidebar div — sidebar ends * – container ends * page ends * footer div footer ends Viewing 14 replies - 1 through 14 (of 14 total) * [Samuel B](https://wordpress.org/support/users/samboll/) * (@samboll) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440638) * Your layout looks fine. Do you have the necessary definitions in the stylesheet fo background? IOW, for the body, sidebar, footer, etc.? I can’t make out much from the screenshot…it says hotlinking not allowed. :>) * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440645) * [http://www.dannycastillo.com/wp/?p=116](http://www.dannycastillo.com/wp/?p=116) Try this link to see the image. * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440646) * I am sorry, but I don’t know what IOW means? * [vkaryl](https://wordpress.org/support/users/vkaryl/) * (@vkaryl) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440647) * “in other words” * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440650) * :o, I see. * ` body { font-family: Arial, Helvetica, Sans-Serif; } * #page { background: url([http://localhost:8888/artclub/wp-content/themes/default/images/dropshadow.gif](http://localhost:8888/artclub/wp-content/themes/default/images/dropshadow.gif)) repeat-y 50% 0; margin: 0 auto; padding: 0; width: 844px; } * #header { margin: 0 auto; width: 800px; } * #container { clear: both; margin: 0 auto; width: 800px; } * .narrowcolumn { /* this class is for the content div */ float: left; padding: 10px; width: 580px; background: #eee; } * #sidebar { float: left; padding: 10px; width: 180px; } * #footer { clear: both; margin: 10px auto 40px auto; width: 800px; } * [vkaryl](https://wordpress.org/support/users/vkaryl/) * (@vkaryl) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440652) * What happens if you change the positioning of the dropshadow? I’m not sure 50% 0 makes sense…. * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440653) * It worked fine, until I told narrowcolumn and sidebar to float left. But both are in contatiner div. I checked to see of the container div was clearing the two floating divs [sidebar / content], it does not. That’s why I am confused. * 50% {x axis} aligns the center of the image to the center of the page. 0 {y axis} assures the images is plush with the top of the header. * [Doodlebee](https://wordpress.org/support/users/doodlebee/) * (@doodlebee) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440663) * setting the “container” div to clear both isn’t going to work. If I were you, I’d adjust it to be more like this: * page div * – header div – header ends * -container div * — content div — content ends * — sidebar div — sidebar ends * footer div footer ends * – container ends * page ends * then, in your stylesheet, set your footer to clear both. * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440666) * I want the image only repeating to the footer. Then It should stop. I don’t want the footer to have a background image. * [Doodlebee](https://wordpress.org/support/users/doodlebee/) * (@doodlebee) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440674) * Then put in a clearing div. Leave the footer where you have it, and have some sort of clearing element in place of where I said to move the footer. * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440679) * page div * – header div — header ends * -container div * — content div — content ends * — sidebar div — sidebar ends * — clear div — clear ends * – container ends * page ends * footer / ends * I try that with the clear div set to clear both. No results. * [Doodlebee](https://wordpress.org/support/users/doodlebee/) * (@doodlebee) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440692) * Do you have an actual link to the page where this is happening? Anything we say here is pretty much just guesses unless we can actually see the site… * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440695) * [http://pastebin.com/774474](http://pastebin.com/774474) html source * Hope this help you. It is all being done local. * Thread Starter [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * (@dannybcastillo) * [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440713) * Thanks doodlebee. Sorry, i typed `
` and forgot the id before the =. * Thanks everyone! Viewing 14 replies - 1 through 14 (of 14 total) The topic ‘background image … stops!’ is closed to new replies. * 14 replies * 4 participants * Last reply from: [dannybcastillo](https://wordpress.org/support/users/dannybcastillo/) * Last activity: [19 years, 9 months ago](https://wordpress.org/support/topic/background-image-stops/#post-440713) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics