problemas con textos largos

[giorgio_83]

Hola buenas, tengo el siguiente código que es una tabla en la que escribo textos dinamicamente que vienen de base de datos, previamente insertados por el usuario.

Código PHP:

 <script src="./Popbox/scripts/PopBox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
popBoxWaitImage.src = "./Popbox/images/spinner40.gif"; 
popBoxRevertImage = "./Popbox/images/magminus.gif"; 
popBoxPopImage = "./Popbox/images/magplus.gif"; 
  
</script> 
 
 
 
 
<style> 
/* estilos para marco de fotos, sombra y zoom*/ 
/* by jherraiz*/ 
.PopBoxImageSmall 
{ 
   /*border: none 0px white;*/ 
   cursor: url("./Popbox/images/magplus.cur"), pointer; 
} 
.PopBoxImageLarge 
{ 
   /*border: solid thin #CCCCFF;*/ 
   cursor: url("./Popbox/images/magminus.cur"), pointer; 
}  
 
 
 
.curved { 
    display: table-cell; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    behavior:url(border-radius.htc); 
    background:#CCC; 
}  
 
.cabecera { 
background:#113060;  
padding-left:18px 
} 
 
</style> 
 
 
<?php 
if(isset($_GET[id])){ 
$sql = db_query("SELECT * FROM {anuncios} where id= '%s'", $_GET[id]); 
$row=db_fetch_object($sql); 
//echo $row->id; 
?> 
 
<table> 
    <tr> 
        <td rowspan="4"> 
            <div  class="curved"> 
<img id="imgBlueScoop" alt="" 
src="<?php echo $row->imagen ?>" 
pbsrc="<?php echo $row->imagen ?>"  
style="width: 222px; margin-rigth:1px;margin-bottom:3px;" 
class="PopBoxImageSmall" 
onclick="Pop(this,50,'PopBoxImageLarge');"/>  
</div> 
</td> 
<td>Título:</td> 
<td>Ubicación:</td> 
    </tr> 
    <tr> 
<td><?php echo $row->titulo?> </td> 
<td><?php echo $row->ubicacion?></td> 
    </tr> 
    <tr> 
<td>Teléfono:</td> 
<td>Precio:</td> 
    </tr> 
    <tr> 
<td><?php echo $row->telefono?></td> 
<td><?php echo $row->precio?></td> 
    </tr> 
    <tr> 
        <td colspan="3"> 
            Descripcción:</td> 
    </tr> 
    <tr> 
        <td colspan="3"> 
            <?php echo $row->descripcion?></td> 
    </tr> 
    <?php if($row->descripcionterreno!=""){?> 
    <tr> 
        <td colspan="3"> 
            Descripción Terreno:</td> 
    </tr> 
    <tr> 
        <td colspan="3"> 
            <?php echo $row->descripcionterreno?></td> 
    </tr> 
    <?php }?>  
</table> 
<?php 
//echo $_GET[id]; 
 
} 
 
?>   

El problemaque tengo es que los ultimos dos campos, descripcion y descripcionterreno son textos que pueden ser muy largos, y en ese caso me deforma las filas y la tabla, las hace muy anchas.

como podria hacer para que la tabla no se deforme, o para que el texto que se escriba se añada en filas hacia abajo? o si existe alguna otra solucion.

un saludo y gracias de antemano

[Adler]

Hola

Podrías usar la propiedad overflow

Suerte

[Zapiko]

No tengo mucha idea...pero...y si le pones un scroll?

[kseso?]

¿Probaste:

table {table-layout: fixed}

Implementado en el css o en el html: <table style="table-layout:fixed;">
Aquí ampliado

Un salduo