TinyMCE expande sus barras y se descuadra

[Cristiaen]

Hola,

Estoy cambiando el editor WYSIWYG de un proyecto que utilizaba FCKEditor a TinyMCE. Mi sorpresa es que al insertar TinyMCE, el textarea se descuadra de una manera desorbitada (se sale del contenedor y descuadra la página, destrozándola por completo) y las barras de herramientas salen de una manera muy extraña.




¿Con qué puede estar relacionado este error? Cualquier ayuda o idea me vendría bien para investigar por algún lado, porque hasta ahora todo lo que he probado de CSS no ha servido para nada. Con el editor en modo "simple" sucede lo mismo.

El código que utilizo es este, justo antes de la etiqueta </body>

Código:

<!-- TinyMCE -->
<script type="text/javascript" src="<?php admin_info('template_directory'); ?>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",

		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : false,

		// Example word content CSS (should be your site CSS) this one removes paragraph margins
		content_css : "<?php admin_info('template_directory'); ?>/style.css",

		// Drop lists for link/image/media/template dialogs
		/*template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",*/
	});
</script>
<!-- /TinyMCE -->

Gracias

EDITO: Googleando he encontrado una sugerencia para añadir código CSS a mi hoja de estilos que "supuestamente" soluciona mi problema:

.mceToolbarTop {
white-space: normal;
}

Pero no soluciona nada, sigue todo igual.

[Cristiaen]

Después de pelarme con la hoja de estilos he conseguido solucionarlo. He venido a poner la solución por si a alguien le sucede lo mismo en el futuro y encuentra este post.

Código:

div#content table {
	margin-top:30px;
	max-width:1000px;min-width:1000px;
}

El problema venía de esa parte de CSS. Si se aplica margen a una tabla se aplica también a TinyMCE. Fallo mío por no ponerle nombre al estilo

Gracias de todas formas

Un saludo