Div text alignment help needed, please

HI,

I had requested a somewhat "different" 3 column layout and rmedek was kind enough to help me out - now I have a question concerning this layout please>

Here is the thread with the layout question/response:
http://www.codingforums.com/showthread.php?t=51360

Here is the page (work in progress) where I'm applying the layout:
http://www.kdok.com/indextest.html

The problem I'm having is that any content added to the left column is being pushed right - I've tried a few things to get it to align left but nothing is working for me. I've taking a look all through the css and can't see what's causing this.

It appears to be starting aligned right until a certain amount of content is added - then it appears to be aligning correctly. But because of the content I'm going to be adding I need it to allow for a free alignment.

Any help would be appreciated. :)

Thanks
Daf

Hey Dodge,

I see what's going on... The columns are absolutely positioned on the left and the right. They automatically expand to the width of their content (see the width: auto on the columns in the CSS?). On the right column it doesn't matter what the width is-- if it's less than the column, because it expands to the right you don't notice.

On the left column, until the content is at least the width of the wrapper it looks like it's being aligned to the right. If all this sounds confusing, put a border on "#columnone" and you'll see what I mean.

There are a few fixes for this; the ones that jump to mind for me are marking up the links a little more semantically and taking advantage of the enclosing block level elements to declare an appropriate width. I'll see if I can help when I have more time (v-day and all ;)), or maybe someone else will jump in here...

Hey Dodge,


I'll see if I can help when I have more time (v-day and all ;)), or maybe someone else will jump in here...

Thank you - I would appreciate any help. :)

I like the liquid nature of the 2 outer columns - I would hate to put a width on either of them.

Dodge