Summary of Width CSS/Resizing Issues

Just to save others the link following time:

closed as duplicate of this issue(#130305): http://drupal.org/node/88325 - Size of TinyMCE edit area unusable in fileshare textareas
closed as duplicate of #59216: http://drupal.org/node/105473 - TinyMCE overrides '#resizable' => FALSE on textare (dupe of #59216)
closed as duplicate of this issue(#130305): http://drupal.org/node/113764 - TinyMCE limits use of 3rd column
closed as duplicate of this issue(#130305): http://drupal.org/node/53296 - TinyMCE Sizes Incorrectly In Many Instances

still open:
http://drupal.org/node/59216 - Tinymce not honoring #resizable on non-TinyMCE tex

I've been throguh a lot of the fixes but I can't find one that will make the scroll bar at the bottom go away. I should mention that I refuse to edit the module so I'm trying to do it all through the theme layer.

Just noticed the last one
http://drupal.org/node/59216 - Tinymce not honoring #resizable on non-TinyMCE tex
is now closed.

Another more minor issue has been opened (http://drupal.org/node/140039), but I don't see a need for a summary issue like this anymore.

Hello

This bug still exists when using version HEAD of contributions/modules/tinymce. Some of the icons in the toolbar listing do not wrap properly. Since the toolbar does not wrap, it becomes too wide and spills the TinyMCE interface into the right-hand column of the DRUPAL-5-1 Garland theme. In my install, certain combinations of enabled buttons and plugins display a properly wrapped toolbar. Is this a Garland theme issue or a problem with tinymce.module?

For reference, this is the symptom I am describing: http://drupal.org/files/issues/screenshot_22.png
Screenshot by briansp, posted in issue 53296.

Any advice is appreciated. Regards.

I am having a similar issue with TinyMCE, Firefox, and a color-modified version of the Zen theme. When I submit top level comment (node/add/etc) to works just fine. But, when I add a comment, it acts oddly. With a comment added directly to the node, TinyMCE does not display at all and I get an input box that is ~1/3 the size of normal ones (~40 characters across). When I add a 2nd level comment (comment to a comment) and beyond, TinyMCE shows up, and it expands to fill the majority of what it's input box should be. However, the area that I can actually input text in is much smaller than the TinyMCE toolbar. It is ~40 characters across, with a horizontal scroll bar, and is has ~40 characters worth of dead space on either side of the text input area. I have taken to disabling TinyMCE for /comment/* to avoid this issue.

According to the link above, TinyMCE Sizes Incorrectly In Many Instances there is a page (also in the readme) to reference for http://tinymce.moxiecode.com/wrapper.php?url=tinymce/docs/using.htm to look at theme settings. However, that page redirects to http://wiki.moxiecode.com/index.php/TinyMCE:Plugins.

Any advice would be greatly appreciated.

I was able to get TinyMCE to display for the full width by editing tiny_mce/themes/advanced/css/editor_content.css & tiny_mce/themes/simple/css/editor_content.css. I added "width:100%" to the body{} section of the css code. I also added the code from the post I mentioned above to the template.php file, which by itself did nothing. I'm not sure if adding width: 100% would have been enough by itself.

I'm still having the problem where the highest level comment on a node is not displaying corrently. It doesn't seem to use TinyMCE at all, but it ends up with a small input box.

In my opinion, buttons 'formatselect', 'fontselect', 'fontsizeselect', 'styleselect' causes problems with editor width. Try to hide these buttons and check if tinyMCE has proper width. I don't know how to fix it but I've changed modules/tinymce/plugin_reg.php. I've assigned buttons to theme_advanced_buttons2 instead to theme_advanced_buttons1.

I have read the above and dont understand a word of it. I am unsatisfied with the width of my TinyMCE editor and the only thing I understand from here is that I should edit a content.css file. Now that is no problem for me were it not that I do not have a content.css file. In my themes dir there are only javascript files. No Simple or Advanced dirs, just 3 js files, and no mention of width.
Any suggestions?

kndr: yes you are right. i also tried hiding the buttons 'formatselect', 'fontselect', 'fontsizeselect', 'styleselect' and found that there was no longer a problem with the editor box spilling over into the right hand menu.

but i also found that i could keep two of them with no problem.

We have a similar problem at:

http://drupal.org/node/242695

Was wondering if there is any fix for this. Thanks.

Marking as duplicate of #323671: TinyMCE: Editor not resized when browser is resized

http://drupal.org/node/49650#comment-1265996