Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2005
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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:
    Looking for a 3 column of sorts

    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

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    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...

  • #3
    New Coder
    Join Date
    Jan 2005
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rmedek
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •