[SOLUCIONADO] Textarea no me muestra scrolls

DoHITB · #1 (**permalink**) 07/02/2013, 09:05

Buenas!

Supongo que el tema que quiero resolver va más en CSS que en HTML... os comento:

Cargo una web de manera dinámica, concretamente un formulario. En dicho form hay un textarea, tal que:

Código HTML:

Ver original<div>
  <span>Comments: </span>
  <textarea name="c"></textarea>
</div>

En cuanto a CSS, desde el textarea hacia fuera:

Código CSS:

Ver original.CA_NA textarea {
left: 20px;
width: 450px;
height: 120px;
position: relative;
display: inline-table;
font-family: arial;
border: 1px solid #CCC;
}
 
.CAR form div {//car es el parent del div
width: 595px;
margin: 15px 0px 35px 15px;
text-align: right;
color: #002060;
font-family: arial;
font-weight: normal;
font-size: 14px;
}
 
.CAR {
width: 828px;
height: 1240px;
}
 
.CA {//parent de CAR
width: 828px;
height: 1275px;
border: 1px solid #002060;
float: right;
}
 
#con{//parent de CA
position: relative;
top: -161px;
background-color: rgb(255, 255, 255);
border-left-style: none;
width: 838px;
height:1275px;
display:inline-block;
float:right;
}
 
#mid {//parent de #con
width: 999px;
height: 1275px;
}
 
.content {//parent de #mid
top: 20px;
height: 1457px;
position: relative;
}
 
.main {//parent de content
margin-left: auto;
margin-right: auto;
margin-top: auto;
width: 1000px;
}
 
body {//parent de main (<body>)
background-color: #FFF;
}

Y resulta que si escribo mucho (hasta llegar al borde del textarea) no me salta el scroll, sino que sale como si tuviera "overflow:visible", y no se qué hacer...

he probado poner (obviamente) "overflow:auto" y "scroll", pero nada...

¿puede ser que al cargar la página dinámicamente (es decir, con AJAX) me de este fallo? ¿o puede que sea solo de mi navegador? (chrome)

Saludos

abimaelrc · #2 (**permalink**) 07/02/2013, 18:33

Esta supuesto que los textarea tenga overflow: auto. ¿Tienes algún demo para que se pueda ver lo que haces?

pzin · #3 (**permalink**) 07/02/2013, 18:40

No acostumbro a usar inline-table, y no sé si vendrá de por ahí el error. ¿Qué sentido tiene mostrar el textarea como una tabla en linea? Pregunto sin ironías ni nada, sólo que lo veo extraño.

Un ejemplo funcional como apunta abimaelrc estaría bien probarlo.

DoHITB · #4 (**permalink**) 08/02/2013, 00:43

Le puse el inline-table por que así me quedaba la parte superior del textarea en linea con el texto...

Probaré de modificar el display, y comento.

Saludos y gracias a ambos por responder

PD: @abimaelrc: estoy desarrollando en localhost... lo siento.

EDIT:

El problema estaba en el display. No lo hubiera pensado... en fin, ya sabemos una cosa más