<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.
LVL 1
PovilasAsked:
Who is Participating?
 
webwomanCommented:
What you want is not possible. You can't just make one cell wider.
0
 
seanpowellCommented:
You'll need to post the code of your page, I'm afraid I don't understand your question at all...

Sean
0
 
PovilasAuthor Commented:
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.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
Kiran Paul VJComputer EngineerCommented:

if possible please post the code.......

kiranvj
0
 
PovilasAuthor Commented:
<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.
0
 
PovilasAuthor Commented:
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.
0
 
webwomanCommented:
>><---------- 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.
0
 
PovilasAuthor Commented:
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.
0
 
webwomanCommented:
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.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.