I'm trying to create a page with out using HTML tables but am having a tough time getting things to do what I want.
You can see what I've got so far here.
You can view the css here.
The problem I'm having is with the three white div areas.
The top left one I call "news" the top right one I call "calendar" and the bottom one I call "main".
If I was using tables I would code it like this...
<TD width=200>calendar content</TD>
<TD colspan=2>main content</TD>
That would make it so that no matter what height the calendar or news elements were the main content would always fall below both.
As I have it set now if there is a lot of content in the news window then it looks fine, but if there is only a little content in the news content then main content rides up under the calendar content.
I've have tried every trick I can think of to no avail. So I need the help of someone a little more CSS savy than I am.
Also... I have been doing most of my testing in IE6. I have looked at it in NN7 and the general concept is the same but the alignment is off. If you know how to fix that in the proccess I will be greatful.