Problems with 2 column layout
This is an image of what I'm trying to achieve (fixed width 2 col):
Quite simple I would have thought but being the newbie I am to CSS...
There are 2 things that complicate:
1. the footer needs to have no bg color (so the body bg image can be seen)
- this means it has to be outside the container div and therefore cannot be user as a 'clearer'.
2. I can't be certain which column will have the most content (usually the main content column but not always)
This is what is currently happening when there isn't enough content:
HTML | CSS
I need both to be of equal height and the footer to be transparent.
Can anyone offer some suggestions?