Povilas
asked on
<td><table "expand width"><td> without resizing td width
ok. This is a tricky one.
I need to have table:
1 2 3
| | text | |
| | <table >
| | text | |
| | | |
problem is that when I use <div style="position:absolute"> the table expands to width corectly, but the height is the problem. The text in that table is behind the table.
Is it possible to force TEXT to be below table and at the same time this would expand TD height?
ps. TABLE height and width are dynamic.
I need to have table:
1 2 3
| | text | |
| | <table >
| | text | |
| | | |
problem is that when I use <div style="position:absolute">
Is it possible to force TEXT to be below table and at the same time this would expand TD height?
ps. TABLE height and width are dynamic.
ASKER
the thing is that :
I have 3 table cells
-------------------------- --
| 1 | 2 | 3 |
-------------------------- --
if I insert div, which width > cells width, to cell 2 i get this bad thing
-------------------------- --
| 1 | div | 3 |
-------------------------- --
if I use position: absolute, I get this:
-------------------------- --
| | text | 3 |
| 1 | div +text | 3 |
| 1 | 2 | 3 |
-------------------------- --
I need to get this:
-------------------------- --
| | text | 3 |
| 1 | div | 3 |
| 1 | text | 3 |
-------------------------- --
In other words I need to expand some table cell without changing original table.
I have 3 table cells
--------------------------
| 1 | 2 | 3 |
--------------------------
if I insert div, which width > cells width, to cell 2 i get this bad thing
--------------------------
| 1 | div | 3 |
--------------------------
if I use position: absolute, I get this:
--------------------------
| | text | 3 |
| 1 | div +text | 3 |
| 1 | 2 | 3 |
--------------------------
I need to get this:
--------------------------
| | text | 3 |
| 1 | div | 3 |
| 1 | text | 3 |
--------------------------
In other words I need to expand some table cell without changing original table.
if possible please post the code.......
kiranvj
ASKER
<table width="100%">
<td width="100">some stuff</td> //COLOMN 1
<td width="300"> //COLOMN 2
some text
<table or div> <----------
<table width=">400"> <----------
-table data- <----------
</table> <----------
some text
</table>
</td>
<td width="100">some stuff</td> //COLOMN 3
</table>
<---------- this part needs to be wider the <td> width, but at the same time shouldn't break the original table's <td> width + "some text" needs to be below, not behind <div>, which means, <td No2> expands to height and not to width.
<td width="100">some stuff</td> //COLOMN 1
<td width="300"> //COLOMN 2
some text
<table or div> <----------
<table width=">400"> <----------
-table data- <----------
</table> <----------
some text
</table>
</td>
<td width="100">some stuff</td> //COLOMN 3
</table>
<---------- this part needs to be wider the <td> width, but at the same time shouldn't break the original table's <td> width + "some text" needs to be below, not behind <div>, which means, <td No2> expands to height and not to width.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Actually, I don't need to make my cell wider, I need to have table in div that is in that cell. I even would like the cell to stay the same. I only need, using div position:absolute, to make my cell higher.
>><---------- this part needs to be wider the <td> width, but at the same time shouldn't break the original table's <td> width + "some text" needs to be below, not behind <div>, which means, <td No2> expands to height and not to width.
You can't have a wider cell. And you don't need divs at all, nor do you need absolute positioning. Just put the content in the cell. Unless you have exceptionally long text, it will wrap.
You can't have a wider cell. And you don't need divs at all, nor do you need absolute positioning. Just put the content in the cell. Unless you have exceptionally long text, it will wrap.
ASKER
The problem is that I have huge table in that cell + text before and after that table. The perfect way would be div with asolute position, but this needs some trick to move text after the table.
No trick. Put the text before, set as a paragraph, then the table, then the next text. All in one cell.
Or make more cells. Or put each table in a div and float the divs.
Or make more cells. Or put each table in a div and float the divs.
Sean