Please refer to my attachment, I am really facing problems trying to make this layout tableless.
1. The top of the right content box will overlap the Banner Picture
2. Te Left Content will have shading on top and shading at the bottom as background
3. The footer will automatically append to the bottom of the Left and Right Content box.
Currently, I am facing problem due to the fact that, i do absolute positioning on the main divs such as banner, header, right container, left container, so when i place a separate div as the footer after loading the left and right container, the footer appears at the top of the page instead of below the left and right container i think it's because i do absolute positioning.
If I dont do absolute positioning, how can I perform the effect of overlapping of right content box over the banner?
Lastly how should I design the left container to always have the shading background at the top and bottom of the contents, without hardcoding per page. I want the Left container to populate as long as possible when contents are entered into it with the middle parts as white background and as it is ending, insert the bottom shadow.
Please help me out on this, Thank you very much.