overflow text table row 2

[ronaktal]

Hi - is it possible using CSS, jscript or HTML to have content from one row of a table column overflow into the other?

so far it's been 2 days using CSS no luck. Is it impossible??!

 

[Vragabond]

Should be possible if you put an absolutely positioned element in the table cell. The size of that element (that is the text inside) should not be bound by the size of it's parent container. I don't know however what the cross-browser implications of such a solution are.

<table>
 <tr>
  <td style="width: 100px; position: relative;">
   <div style="position: absolute; width: 150px;">Overflowing...</div>
  </td>
  <td>Second Cell</td>
 </tr>
</table>

 

[ronaktal]

Thanks I tried it out but the position absolute just overlaps the second cell column. It doesn't flow into the second row.

Actually - what i'm trying to do is have a large block of text (and images) first fill a box of 300 px by 400 px and then any remaining overflow should end up in another box of 200 px by 300 px (positioned somewhere else). So basically I want to control the overflow from a container and redirect that overflow into another container. Currently I am using table rows as the containers.

This is db generated so I can't really get the sizes perfected...

Thanks in advance for all your help!

 

[ChrisHirst]

Not possible with CSS

You may have a better chance server side. But you are possibly creating a problem for accessibility and usability of the site by breaking up what should be contiguous text.


Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.