What's new
HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Dynamically repeating background for containing the body of page.

ClayPonder

New member
I have searched and searched and I'm not finding what I'm looking for. I don't even really know what to search for as "repeating background image containing text" "dynamically repeating background" ... are apparently too simple of terms.

I can explain what I want to achieve. the webpage has just a solid color background set, a NavBar that I've setup, and a dynamic container that has all the page's content.

[Showing how the images are separated](https://i.imgur.com/OpR8PHf.png)

So I have a three images I have made. I have a header, body, and footer image. I want the header image to start at the top of the page's content, under the NavBar. The "body" image (in the first image, highlighted in blue), I want to dynamically repeat, going down the page (repeat-y?) for as many times as necessary to contain all the page's info. and the "footer" image to cap off the end of that page's content and end the repeat of the "body" image.

[How I want it to repeat](https://i.imgur.com/CobK49y.png)

I want this section these three images make up to hold the contents of each page and dynamically change length (by repeating the "body"-image) to fit each new page. Please tell me I'm not crazy, and that this is possible?? I've been struggling for days now. Trying different pieces of code, watching videos, learning CSS and relearning HTML.. I feel so lost :(

[How I would like for the end product to look](https://i.imgur.com/5LVIAGW.png)

I know that header, body, and footer may be bad terms as they describe other things.. But I haven't done web page editing for quite some time. Please forgive me.

Thank you in advance for your time.
Clay.
 
Back
Top