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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Simple Layout problem

    I want to make a html table with single row, 2 columns.

    The columns should fill the page with width in the ratio. 80% : 20%.

    In the first column I want to have 3 rows to completely fill the first column.

    Can anyone suggest something that works?

    Thanks.

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Something like this?

    Code:
    <table style="width:100%;">
      <tr>
        <td style="width:80%;">
          <table style="width:100%;">
          <tr>
            <td>Row 1</td>
          </tr>
          <tr>
            <td>Row 2</td>
          </tr>
          <tr>
            <td>Row 3</td>
          </tr>
          </table>
        </td>
        <td style="width:20%;">Column 2
        </td>
      </tr>
    </table>
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • Users who have thanked optimus203 for this post:

    ssri (06-03-2010)

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks very much.

    This works. The problem is that the first three rows from the first column dont fill the width of the column.

    Any ideas?

  • #4
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    My tag had a small error with a semicolon at the wrong place. It works now! thanks heaps.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Tables aren't meant for page layout. If you are displaying data, then fine but otherwise you shouldn't use a table.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Aerospace is absolutely right. If your using this table for layout purposes, you should go strictly Div based.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design


  •  

    Posting Permissions

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