Help... Need Transparent Header And Footer With No Background Color

Developers Frontend
1

I would like to have the background image from my “Main” (styles.css) to show through the header and footer as well. The idea is to have a single background image for the entire page.

I have placed transparent background images in the header and footer (many different ways) and tried to remove any color, but have not been successful at this. If I remove the color designation, the CSS defaults to white.

Anyone have any idea how to do this?



Web Page…

http://hiddenchamber…Store/index.php



Thank you in advance!

Flatty



Here's a code snippet…



/* Main styles /

.header {

background: url(images/transparent1.png) repeat-x center fixed;

}

.main {

background: url(images/MyMainBkgImage.jpg) repeat-x center fixed;

}

.header-helper-container {

height: 101px;

}

/ /Main styles /



/ Footer styles */

.footer {

background: url(images/bkg_transparent1_gif.gif) no-repeat center fixed;

}

.footer-menu {

background: url(images/footer_line.png) bottom repeat-x;

}

2

Hi Flatty,



Please add ```php


body {

background: url(“images/bkg_desertnight.jpg”) repeat-x fixed center center transparent;

}

<br />
and will look like this [url="http://prntscr.com/4vokde"]http://prntscr.com/4vokde[/url] and i guess this is what you want <img src="upload://ssa1U17ndImgNZSdwFNmOF2yUgM.png" class="bbc_emoticon" alt=";)"><br />
<br />
I hope that helps,<br />
<br />
---<br />
Valentin<br />
[color=#808080][size=2]part of hungryweb.net[/size][/color]
3

Thanks for your reply Valentin. The code worked. Thank you so much!!



Flatty

4

You are welcome