Results 1 to 3 of 3
  1. #1
    Join Date
    Jun 2009
    Posts
    45

    CSS Columns Problem

    I'm creating a layout for my website, and it can be found in its current state here:

    www dot ideaessence dot com

    I know there are other problems with the page, but the one I have no clue how to fix is the column set-up. The left column is a fixed width and clinging left just like I want it to. The right column is scalable (liquid?), which I want. The problem is that when the browser window size shrinks (horizontally) the right column goes beneath the left column. I set a minimum width but that didn't help.

    The ideal layout would be one that scales just like this but where the right column doesn't move underneath the left column.
    Last edited by ideaessence; 06-28-2009 at 10:13 AM. Reason: making description clearer

  2. #2
    Join Date
    Mar 2009
    Posts
    2,218
    Quote Originally Posted by ideaessence View Post
    I'm creating a layout for my website, and it can be found in its current state here:

    www dot ideaessence dot com

    I know there are other problems with the page, but the one I have no clue how to fix is the column set-up. The left column is a fixed width and clinging left just like I want it to. The right column is scalable (liquid?), which I want. The problem is that when the browser window size shrinks (horizontally) the right column goes beneath the left column. I set a minimum width but that didn't help.

    The ideal layout would be one that scales just like this but where the right column doesn't move underneath the left column.
    Isn't the behaviour the result of your specifying a minimum width.

    When the browser window shrinks horizontally, it eventually gets too narrow to fit a 500-pixel-wide column2 alongside column1; and as column2 is specified as "float", it floats below column 1.

  3. #3
    Join Date
    Jun 2009
    Posts
    45
    Yes. You're right. That fact led me to a solution (at least in FF so far). I just added the fixed width of the left column to the minimum width of the right column. That number became the width of a new DIV that I put the 2 columns in.

    Thanks.

Similar Threads

  1. Mysql to columns
    By raulgonzalez in forum Programming Discussion
    Replies: 8
    Last Post: 10-05-2007, 11:20 AM
  2. mysql: get max of several columns?
    By bleenzorb in forum Programming Discussion
    Replies: 6
    Last Post: 04-09-2007, 06:15 AM
  3. Question: Are these columns necessary?
    By Gen-T in forum Web Design and Content
    Replies: 44
    Last Post: 09-05-2004, 10:06 AM
  4. Problem with "Faux Columns" - not displaying in Mozilla/Firefox.
    By robgct in forum Web Design and Content
    Replies: 1
    Last Post: 08-03-2004, 04:04 AM
  5. Binary Columns in Sql DB with PHP ?
    By jonasf in forum Programming Discussion
    Replies: 2
    Last Post: 03-12-2003, 12:47 AM

Posting Permissions

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