[CSS] Evitare che il contenitore padre assuma le dimensioni del figlio

[andreafallico]

Come da titolo ho una pagina (con GeSHi), la struttura è:

<div class="content">
<div class="content-left">
<table width="100%"><tr>
<td width="20%" align="center" bgcolor="#CCCCCC">testo</td>
<td width="80%" align="center">
<table width="70%"><tr><td><div align="left" style="font-weight: bold;">Title</div>
<div style="text-align: right;font-size: 9pt;">Autore<br />data</div>
<div style="text-align: left;margin-top: 15px;" class="text">
Testo
<div class="script"><pre class="cpp" style="font-family:monospace;">Codice</pre></div>
Testo
</div></td></tr></table></td>
</tr></table>
</div>
<div class="content-right">Testo</div>
<div class="clear"></div>
</div>

anche se al <div class="script"> imposto overflow: scroll; la <td width="80%" align="center"> assume la dimensione del <div class="script"> senza overflow: scroll;.

[saitfainder]

Perché usi un layout tabellare?

[andreafallico]

Ho risolto utilizzando i div. Grazie.