SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    ********* Addict jaiem's Avatar
    Join Date
    Dec 2000
    Location
    New York, USA
    Posts
    1,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have a table defined as:

    <table width="100%">
    <td width="368">Left column</td>
    <td width="626">Right column</td>
    </table>


    I want to keep the "left" column fixed size but I want the "right" column to always expand to the right in order to completely fill the screen no matter what resolution size the visitor is using on their PC.

    If I put 100% as the width for the right column will this do what I want?

    Thanks.
    Ocean View Host - Affordable web hosting plans for any business.
    Modern Technology, Old Fashioned Value & Service!
    U.S. Merchant Services - Reliable merchant account services for all business!
    Quality People Providing A Quality Service!

  2. #2
    SitePoint Enthusiast
    Join Date
    Nov 2000
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think if you don't specify a width in your right column, it will fill out the way you want it too -- unless, of course, the content of the cell isn't as wide as the screen.

    One note of caution: Netscape doesn't like when you mix percentages and fixed width cells.
    Joanne Glasspoole
    www.glasspoole.com

  3. #3
    ********* Addict jaiem's Avatar
    Join Date
    Dec 2000
    Location
    New York, USA
    Posts
    1,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by jglasspoole
    I think if you don't specify a width in your right column, it will fill out the way you want it too -- unless, of course, the content of the cell isn't as wide as the screen.
    That's just it. The content of the right column/cell isn't as big as the screen. I want the column to extend longer than the size of the content (which is a jpg file). The background image will fill in the space so it won't look blank.
    Ocean View Host - Affordable web hosting plans for any business.
    Modern Technology, Old Fashioned Value & Service!
    U.S. Merchant Services - Reliable merchant account services for all business!
    Quality People Providing A Quality Service!

  4. #4
    SitePoint Member
    Join Date
    Dec 2000
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    jaiem..
    as I've heard, the official way is to put a * into the width-field : width="*".

    ..as I've heard and use it..
    pheidrias

  5. #5
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The header used here in the forums uses fixed and variable widths for cells within the same table. You can view the source for a page and see how it is done.

    I purposefully formatted the text of that section so it could be used as an example.
    Wayne Luke
    ------------


  6. #6
    ********* Addict jaiem's Avatar
    Join Date
    Dec 2000
    Location
    New York, USA
    Posts
    1,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks everyone.
    Ocean View Host - Affordable web hosting plans for any business.
    Modern Technology, Old Fashioned Value & Service!
    U.S. Merchant Services - Reliable merchant account services for all business!
    Quality People Providing A Quality Service!

  7. #7
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is how you do it:

    <table>
    <tr>
    <td width="150">
    sidebar content here
    </td>
    <td width="100%">
    main content here
    </td>
    </tr>
    </table>

    That is your utmost basic variable width table. Play around with it a bit and you will see all of the cool things that you can do with it. Good luck
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


Bookmarks

Posting Permissions

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