Hi all and thank you for your help.
My website has three main parts:
- horisontal navigation
I want the space between header and navigation and navigation and content to be 100% transparant with no background colour. I want the background image to be seen between these 3 blocks. How do I accomplish this?
Have you already made HTML/ CSS for this or is it only a Photoshop design you've done?
You need to use multiple DIVs.
The main body div can have the background image in it
Start with a Wrapper with a fixed height after this
Put your Header in a new div inside the wrapper
Put your menu in a new div below the header div, inside the wrapper
Put your main content in a new div below the menu div, inside the wrapper
Close the wrapper
You should offset the margin-top parameter for menu and main content divs by about 10-20px to achieve the design you've posted.