www.webdeveloper.com
Results 1 to 6 of 6

Thread: A normal row adjacent to a rowspan

  1. #1
    Join Date
    Oct 2008
    Posts
    92

    A normal row adjacent to a rowspan

    I am having trouble getting rows in a column adjacent to a row span to not spread their height evenly when the row span grows in height.

    I want to specify that just the bottom row grows in height and the other rows should remain thin?

    It is very hard to explain what I mean, so I have written some simple HTML that illustrates the problem I am having.

    If you copy and paste this code into the body of a blank html page, the problem I am having will be immediately clear.

    Code:
    <table width="943" border="1" bordercolor="#000000">
      <tr>
        <td width="293">&nbsp;</td>
        <td width="640">&nbsp;</td>
      </tr>
      <tr>
        <td height="25">This cell needs to be thin </td>
        <td rowspan="3"><p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
    	<p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
    	    <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
    	</td>
      </tr>
      <tr>
        <td>This cell needs to be thin </td>
      </tr>
      <tr>
        <td height="367" valign="top">This cell should be the one that takes up <strong>ALL</strong> the space </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    This isn't going to work x-browser. This is why you shouldn't use tables for layout.

  3. #3
    Join Date
    Oct 2008
    Posts
    92
    What is "X-browser"?

    Everyone uses tables, even this forum you are posting in has tables.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    "X-browser" across all browsers.
    The forum template was designed a long time ago, before usable CSS was implemented in major browsers. Although many sites still use tables for layout, it is not the best solution: http://www.hotdesign.com/seybold/

  5. #5
    Join Date
    Oct 2008
    Posts
    92
    Thanks for that, I will try to learn all that when I have a spare 40 hours of free time.

    In the mean time, any ideas on the problem I am having with my table?

  6. #6
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Afaik there is no fix for IE. Other browsers will display correctly if the height is removed from the 'all space' cell and height applied to the narrow cells.

    What you are attempting can be done with CSS: http://www.456bereastreet.com/lab/de...slayout/2-col/
    Other variations: http://csscreator.com/tools/layout

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles