Nested table alters format of host table.

#1 July 20th, 2005, 03:44 PM

Hi,

I need to have a table nested within another table. The tables are
alongside each other visually speaking, and the nested table (on the
right) can vary in size. My problem is that when the nested table has
more rows than the first table, the first table (on the left) pads out
its rows so that the table matches the height of the nested table.

I don't want this it happen.. I just want the nested table to be
longer than the first table. Anybody have any ideas??

Gaz.

Here's a quick example of the problem :

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Table test</title>
<link href="Style Sheets\Ideal.css" type="text/css"
rel="stylesheet">
</head>

<body id="MyBody">

<table>
<tr>
<td>
TABLE TEST :Line number 1
</td>

<td rowspan="99">
<table>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
<tr>
<td>
Insert Table Line 1
</td>
</tr>
</table>
</td>

</tr>
<tr>
<td>
TABLE TEST :Line number 2
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 3
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 4
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 5
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 6
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 7
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 8
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 9
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 10
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 11
</td>
</tr>
<tr>
<td>
TABLE TEST :Line number 12
</td>
</tr>

</table>

</body>
</html>

#2 July 20th, 2005, 03:44 PM

oopaevah@yahoo.co.uk (Gaz):
[color=blue]
>Hi,
>
>I need to have a table nested within another table. The tables are
>alongside each other visually speaking, and the nested table (on the
>right) can vary in size. My problem is that when the nested table has
>more rows than the first table, the first table (on the left) pads out
>its rows so that the table matches the height of the nested table.
>
>I don't want this it happen.. I just want the nested table to be
>longer than the first table. Anybody have any ideas??
>
>Gaz.
>
>Here's a quick example of the problem :
>[/color]
[ cut problem ]

New source:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>
<head>
<title>Table test</title>
<link href="Style Sheets\Ideal.css" type="text/css"
rel="stylesheet">
</head>

<body id="MyBody">

<table border="1">
<tr>
<td>

<table border="1">
<tr><td>TABLE TEST :Line number 1</td></tr>
<tr><td>TABLE TEST :Line number 2</td></tr>
<tr><td>TABLE TEST :Line number 3</td></tr>
<tr><td>TABLE TEST :Line number 4</td></tr>
<tr><td>TABLE TEST :Line number 5</td></tr>
<tr><td>TABLE TEST :Line number 6</td></tr>
<tr><td>TABLE TEST :Line number 7</td></tr>
<tr><td>TABLE TEST :Line number 8</td></tr>
<tr><td>TABLE TEST :Line number 9</td></tr>
<tr><td>TABLE TEST :Line number 10</td></tr>
<tr><td>TABLE TEST :Line number 11</td></tr>
<tr><td>TABLE TEST :Line number 12</td></tr>
</table>

</td>
<td>

<table border="1">
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
<tr><td>Insert Table Line 1</td></tr>
</table>

</td>
</tr>
</table>

</body>
</html>

John OO
--

<http://webcel.nl/>
<http://www.webcel.nl/bayshop/shop/bayshop.html>

"Time is what prevents everything from happening at once"
- John Archibald Wheeler -

#3 July 20th, 2005, 03:44 PM

Gaz wrote:[color=blue]
>
> I need to have a table nested within another table.[/color]

Algorithum expressed in the form of a flow chart[1]:

Are you trying to use tables for layout?
Yes -> http://www.allmyfaqs.com/faq.pl?Tableless_layouts
No -> Sure?
No -> http://www.allmyfaqs.com/faq.pl?Tableless_layouts
Yes -> Really? You are only using them to asociate
rows and cols of data?
No -> http://www.allmyfaqs.com/faq.pl?Tableless_layouts
Yes -> Give us a URL [with real data; the code you posted
contains only dummy text].
Data that is so complex that it
makes sense to nest tables is really rare.
This is something special.

[1] borrowed with permission

--
Brian
follow the directions in my address to email me

#4 July 20th, 2005, 03:44 PM

> > I need to have a table nested within another table.[color=blue]
>
> Are you trying to use tables for layout?
> Yes -> http://www.allmyfaqs.com/faq.pl?Tableless_layouts[/color]

OK, I'm reading up on http://www.alistapart.com/stories/tohell/ at the
moment. It mentions that 3 (or more) column layouts are difficult in
css without tables (I need several columns). I will send you an image
of my screen if you want, I don't have any webspace at the moment.
Would be glad to get your feedback on it.

I like the idea of css only layout, even if only to cut out all the
<table> <tr> <td>s all over the place, I will keep an open mind and
see if it can do what I want. But I'm dealing with a rather busy data
entry screen, not paragraphs of text, if that makes a difference.

By the way, I did get around my original problem by padding out the
first table with rows so that it is always as tall as the second table
can be.

#5 July 20th, 2005, 03:44 PM

> > I need to have a table nested within another table.[color=blue]
>
> Are you trying to use tables for layout?
> Yes -> http://www.allmyfaqs.com/faq.pl?Tableless_layouts[/color]

OK, I'm reading up on http://www.alistapart.com/stories/tohell/ at the
moment. It mentions that 3 (or more) column layouts are difficult in
css without tables (I need several columns). I will send you an image
of my screen if you want, I don't have any webspace at the moment.
Would be glad to get your feedback on it.

I like the idea of css only layout, even if only to cut out all the
<table> <tr> <td>s all over the place, I will keep an open mind and
see if it can do what I want. But I'm dealing with a rather busy data
entry screen, not paragraphs of text, if that makes a difference.

By the way, I did get around my original problem by padding out the
first table with a row so that it is always as tall as the second
table can be :

<tr>
<td height="85px" colspan="99">

<td>
<tr>

Nested table alters format of host table.

Popular Articles

What is Bytes?