background image … stops!

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. :>)

https://www.dannycastillo.com/wp/?p=116
Try this link to see the image.

I am sorry, but I don’t know what IOW means?

“in other words”

:o, I see.


body {
font-family: Arial, Helvetica, Sans-Serif;
}

#page {
background: url(https://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;
}

What happens if you change the positioning of the dropshadow? I’m not sure 50% 0 makes sense….

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.

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.

I want the image only repeating to the footer. Then It should stop. I don’t want the footer to have a background image.

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.

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.

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…

https://pastebin.com/774474
html source

Hope this help you. It is all being done local.

Thanks doodlebee. Sorry, i typed <div ="clear"> and forgot the id before the =.

Thanks everyone!