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:
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