Estoy insertando el editor CKEDITOR y tengo un problema con el tamaño del mismo, como se ve en la siguiente imagen:
http://www.awdesarrollos.com.ar/images/textarea.jpg
Por lo que pude ver no se trata de un problema del editor ni de los estilos correspondientes, el problema lo estaria generando la hoja de estilos del formulario, pero no logro detectar cual estilo es!!
Llegue a la conclusion que es la hoja de estilos de utilizo porque quito el vinculo a ella y el textarea se ve con el tamaño que esta establecido.
Lo que más me llama la atencion es como aparece sobrepasado el borde derecho...
Esto son los estilos del formulario:
Código CSS:
Ver original
#main fieldset { border: 1px solid #ddd; padding: 19px; margin: 0 0 20px 0; background: #fbfbfb; } #main fieldset p { margin: 0 0 14px 0; float: left; width: 100%;} #main fieldset label { display: block; width: 100%; margin: 0 0 7px 0; line-height: 12px; } #main fieldset .text-long { border: 1px solid #ddd; background: #fff url(../img/input-shaddow.gif) no-repeat left top; font: 11px Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; float: left; margin: 0 10px 0 0; } #main fieldset .text-medium { border: 1px solid #ddd; background: #fff url(../img/input-shaddow.gif) no-repeat left top; font: 11px Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0; } #main fieldset .text-small { border: 1px solid #ddd; background: #fff url(../img/input-shaddow.gif) no-repeat left top; font: 11px Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; float: left; margin: 0 10px 0 0; } #main fieldset .text-long:focus, #main fieldset .text-medium:focus, #main fieldset .text-small:focus, #main fieldset textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; } #main fieldset textarea { border: 1px solid #ddd; background: #fff url(../img/input-shaddow.gif) no-repeat left top; font: 11px Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 600px; float: left; margin: 0 10px 0 0; height: 200px; }
Alguien puede darme una mano con este problema??
Desde ya muchas gracias.