Table Height with Percentage

Discussion in 'HTML' started by laramie.hartmann@gmail.com, Jul 18, 2006.

  1. Guest

    The site I'm working on has a table cell on the left with a repeating
    background image. I want the cell on the left to have the same height
    as the cell on the right. The cell on the right is dynamically sized
    depending on the content, but the cell on the left is empty other than
    the background image. I've tried sizing the height with HTML and CSS
    to no avail. The code is included below. If you look at the code in a
    browser you will see "dd". This is the cell that I want to extend all
    the way to the bottom. Any help is greatly appreciated.

    Thanks,

    Laramie

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title></title>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    <font size="2" color="#000000" face="Arial">

    <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0"
    valign="top">
    <tr valign="top" width="149">
    <td width="149" valign="top">
    <table width="149" bgcolor="#FFFFFF" border="1" cellpadding="0"
    cellspacing="0" valign="top">
    <tr>
    <td><img src="img/flower.gif" width="149" height="199" alt=""
    border="0" align=""></td>
    </tr>
    <tr width="149">
    <td height="100%" width="149" background="img\bgbar.gif">dd</td>
    </tr>
    </table>
    </td>
    <td width="600" align="">
    <table width="" bgcolor="#FFFFFF" border="0" cellpadding="0"
    cellspacing="0" align="center">
    <tr>
    <td align="left" valign="top" width="" bgcolor="#FFFFFF" border="0"
    cellpadding="0" cellspacing="0" align="center">
    <table valign="top" width="" bgcolor="#FFFFFF" border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="IMG/rightflower.gif" width="72" height="168" alt=""
    border="0" align="" vspace="0" hspace="0">
    </td>
    <td valign="top">
    <table valign="top" width="" bgcolor="#FFFFFF" border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="IMG/title.gif" width="572" height="127" alt=""
    border="0" vspace="0" align=""></td>
    </tr>
    <tr>
    <td background="img/bgtbar.gif" width="572" height="25">
    <table valign="top" width="" bgcolor="#FFFFFF" border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td>HOME</td>
    <td><img src="IMG/square.gif" width="10" height="10" alt=""
    border="0" align="" hspace="10"></td>
    <td>LOCATIONS</td>
    <td><img src="IMG/square.gif" width="10" height="10" alt=""
    border="0" align="" hspace="10"></td>
    <td>PATIENT INFO</td>
    <td><img src="IMG/square.gif" width="10" height="10" alt=""
    border="0" align="" hspace="10"></td>
    <td>CAREGIVERS</td>
    </tr>
    </table>
    </td>
    </tr>
    </table
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td align="left">
    <br />
    North Florida Obstetrical & Gynecological Associates, PA are
    committed to providing our patients with state
    of the art health care so they may enjoy a lifetime of good health.
    Our employees and patients are highly
    valued and our goal is to develop lifelong relationships between our
    staff and our patients, providing a
    caring and positive atmosphere in each of our offices.<br /><br />
    <img src="magnolia2.jpg" width="274" height="400" alt="" border="0"
    align="right">
    North Florida Obstetrical and Gynecological Associates, PA has
    completed mergers with selected physician
    practices in the greater Jacksonville area, and now has an expanded
    geographic service area and hospital
    coverage, which includes most hospitals in Clay, Duval and Nassau
    counties. Our twenty-three (23) offices
    (45 physicians) are strategically located throughout the service area
    to ensure convenient access to all of
    our valued patients.<br /><br />
    The Regional Administrative Office and Central Billing Office for
    North Florida Obstetrical and Gynecological
    Associates, PA is located at 11437 Central Parkway, Suite 105,
    Jacksonville, Florida 32224. Sandra Doolittle,
    Executive Director, is located at the regional office and is
    responsible for all general and administrative services.
    <br /><br />
    We know if we strive to carry out our mission every day we can
    perform at the highest levels of proficiency, and we can continuously
    improve toward the standards which we hope you will come to expect. In
    order to accomplish our mission, we have implemented quality measures
    to assure you of timely and accurate services. We have adopted an
    integrative work ethic that we hope you will find strong and
    persistent, and we have agreed to a perspective that we hope you will
    find visionary. We value your business, and we hope that you will see
    our ability to provide you with the world-class customer service you
    need and deserve. North Florida Obstetrical & Gynecological Associates,
    PA promote the highest level of quality obstetrical and gynecological
    services, and are recognized as the premier OB/GYN providers in the
    community.
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr><td>d</td></tr>
    </table>

    </font>

    </body>
    </html>
    , Jul 18, 2006
    #1
    1. Advertising

  2. CRON Guest

    Laramie,
    I had a look at your script. There were a lot of small errors in it
    which might confuse browsers. There is no real need for the table on
    the left had side. I removed it and simply used a return break after
    the image and it works fine now. I also fixed your errors.

    CiarĂ¡n

    hope it helps:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title></title>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


    <font size="2" color="#000000" face="Arial">


    <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0"
    valign="top">
    <tr>
    <td width="149" valign="top" bgcolor="#FFFF00"><img
    src="img/flower.gif" width="149" height="199" alt="image"
    border="0"><br>
    dd</td>
    <td width="600">
    <table width="" bgcolor="#FFFFFF" border="0" cellpadding="0"
    cellspacing="0" align="center">
    <tr>
    <td align="left" valign="top" bgcolor="#FFFFFF" border="0"
    cellpadding="0" cellspacing="0">
    <table valign="top" width="" bgcolor="#FFFFFF" border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="IMG/rightflower.gif" width="72" height="168"
    alt=""
    border="0" align="" vspace="0" hspace="0">
    </td>
    <td valign="top">
    <table valign="top" width="" bgcolor="#FFFFFF"
    border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="IMG/title.gif" width="572" height="127"
    alt=""
    border="0" vspace="0" align=""></td>
    </tr>
    <tr>
    <td background="img/bgtbar.gif" width="572"
    height="25">
    <table valign="top" width="" bgcolor="#FFFFFF"
    border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td>HOME</td>
    <td><img src="IMG/square.gif" width="10"
    height="10" alt=""
    border="0" align="" hspace="10"></td>
    <td>LOCATIONS</td>
    <td><img src="IMG/square.gif" width="10"
    height="10" alt=""
    border="0" align="" hspace="10"></td>
    <td>PATIENT INFO</td>
    <td><img src="IMG/square.gif" width="10"
    height="10" alt=""
    border="0" align="" hspace="10"></td>
    <td>CAREGIVERS</td>
    </tr>
    </table>
    </td>
    </tr>
    </table
    ></td>

    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td align="left">
    <br />
    North Florida Obstetrical & Gynecological Associates,
    PA are
    committed to providing our patients with state
    of the art health care so they may enjoy a lifetime of
    good health.
    Our employees and patients are highly
    valued and our goal is to develop lifelong
    relationships between our
    staff and our patients, providing a
    caring and positive atmosphere in each of our
    offices.<br /><br />
    <img src="magnolia2.jpg" width="274" height="400"
    alt="" border="0"
    align="right">
    North Florida Obstetrical and Gynecological Associates,
    PA has
    completed mergers with selected physician
    practices in the greater Jacksonville area, and now has
    an expanded
    geographic service area and hospital
    coverage, which includes most hospitals in Clay, Duval
    and Nassau
    counties. Our twenty-three (23) offices
    (45 physicians) are strategically located throughout
    the service area
    to ensure convenient access to all of
    our valued patients.<br /><br />
    The Regional Administrative Office and Central Billing
    Office for
    North Florida Obstetrical and Gynecological
    Associates, PA is located at 11437 Central Parkway,
    Suite 105,
    Jacksonville, Florida 32224. Sandra Doolittle,
    Executive Director, is located at the regional office
    and is
    responsible for all general and administrative services.
    <br /><br />
    We know if we strive to carry out our mission every day
    we can
    perform at the highest levels of proficiency, and we can continuously
    improve toward the standards which we hope you will come to expect. In
    order to accomplish our mission, we have implemented quality measures
    to assure you of timely and accurate services. We have adopted an
    integrative work ethic that we hope you will find strong and
    persistent, and we have agreed to a perspective that we hope you will
    find visionary. We value your business, and we hope that you will see
    our ability to provide you with the world-class customer service you
    need and deserve. North Florida Obstetrical & Gynecological Associates,

    PA promote the highest level of quality obstetrical and gynecological
    services, and are recognized as the premier OB/GYN providers in the
    community.
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr><td>d</td></tr>
    </table>


    </font>


    </body>
    </html>
    CRON, Jul 19, 2006
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Nik Coughin
    Replies:
    0
    Views:
    389
    Nik Coughin
    Mar 6, 2004
  2. Paul Schmidinger

    table in table -> 100% height does not work

    Paul Schmidinger, Aug 10, 2004, in forum: HTML
    Replies:
    3
    Views:
    2,926
    roma1123
    Mar 24, 2011
  3. Rahul
    Replies:
    1
    Views:
    420
    =?iso-8859-1?q?Jean-Fran=E7ois_Michaud?=
    Jul 15, 2006
  4. andrew

    Percentage Widths for table?

    andrew, Jun 11, 2007, in forum: HTML
    Replies:
    1
    Views:
    349
    Ben C
    Jun 11, 2007
  5. john T
    Replies:
    7
    Views:
    215
    Richard Formby
    Feb 19, 2004
Loading...

Share This Page