Container background image

programming web dev
1

I’m attempting to set the background image to be fixed, so that way it’s all revealed to me without me having to expose it all with non-breakable spaces.

My intent is to fit all the information within this container without stretching the image, probably through the use of an opaque text box with a scrolling ability.

Here’s my initial code to get the image working:


.oneColFixCtrHdr #mainContent {
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #000000;
    background-image:url(images/bg.jpg); background-repeat:no-repeat; max-height:100%;
    position:relative;
}