Plan is for the content in the header area to be fixed and the content in the white area to scroll beneath the background image.
So at the moment I’ve got a div setup that’s a png with a transparent box ‘hole’ and another white box div on the bottom left that is set to fill 50% of the screen height to create the effect.
But I’m sure there must be a better/simpler way of doing this? Ideally I’d like the background to expand so that wider browser windows see more of the image behind the white box. But I’ve had to make it static to get this to work at the moment.
Thought I’d see if any of the freeway geniuses have any thoughts!?
I think I’ve worked it out,
I don’t think the centred background image thing will work but as it’s static I just split it into a header and side panel.
makes more sense than using a transparent png i think.