¿Alguien tiene una solución para el problema de la altura del área de texto en Chrome?Altura de Textarea Problema de Chrome
En caso sencillo como esto:
<div>
<textarea>
</textarea>
</div>
Google Chrome añadir dos píxeles, por lo div.height = textarea.height + 2px. Y sí, trato de "reset.ccs" de Eric - no funcionó.
P.S. por supuesto, en mi "simple caso" textarea y div tienen borde, relleno y margen 0px.
Es porque textarea es un elemento en línea reemplazado.
textarea {
display:block;
}
debería resolver su "problema".
El 2px es el tamaño de borde estándar. Sin embargo, es el mismo en todos los navegadores.
Esto funciona en Chrome, Firefox ..
Sin fronteras: http://jsfiddle.net/NctDT/2/
fronteras y ajusted div altura: http://jsfiddle.net/NctDT/4/
En ambos casos, el div y textarea están perfectamente alineados tanto en altura.
gracias, en realidad, fue mi culpa y la respuesta de MatTheCat me ayudan – Donotello
entendido mal el problema ligeramente. Esta es su primera demostración con una "altura" en solo 'textarea', verifíquela en Chrome: http://jsfiddle.net/NctDT/5/ – thirtydot
Bueno, luego agrega' textarea {display: block;} '.) + 1 para MatTheCat – Sparkup
Lo sentimos, pero añadiendo html,body{ height:100%; } realmente parece funcionar
Esto finalmente asegura la misma altura área de texto a través de Chrome y Firefox –