By karmalarm on

when I use htmlarea in Internet Explorer the menu bar gets cut off, however in Firefox it works fine. How do I fix it so it works correctly in Internet Explorer

Comments

bomarmonk’s picture

bomarmonk commented

Using Drupal 4.6.1, xinha nightly, and the 4.6 release of HTML area.

My toolbar is crimped down so that it cuts-off some of the toolbar options... they're still kind-of visible, but they're floating in between the toolbar and the text-area.

Also, the image-plugin works for me in firefox, but not in Internet Explorer; IE just pops-up with the root page of my drupal installation when I click to insert the image.

I hope someone who has found a solution can please help me with these issues. Thanks in advance!

bomarmonk’s picture

bomarmonk commented

The image-plugin for htmlarea seems to work with Internet Explorer when I am creating content in the body of a feedback form (through the feedback module). However, anytime I try to use it when using "create content" for node creation, the plugin chokes. Any clues why this might be happening?

bomarmonk’s picture

bomarmonk commented

I've been trying to get the htmlarea toolbar to behave nicely in IE. I tried making changes to nearly every toolbar setting in the xinha-nightly>>htmlarea.js file, but nothing fixed the above issue. While it would be nice if everyone used Firefox, there are going to be many people using my site with IE (the cold, hard reality of life). At this point HTML area/xinha is probably the best choice (in my opinion) for text-editing, but it looks pretty ugly in IE.

If anyone can help with a workaround or any kind of solution, I would be much obliged! Thanks in advanced!

bomarmonk’s picture

bomarmonk commented

I've hacked the htmlarea.css file:

.htmlarea .toolbar .toolbarRow {
margin: 0;
padding: 0px 2px 0px 2px;
font-family: Tahoma,Verdana,sans-serif;
font-size: 11px;
height: 50px !important;
overflow: hidden;
}

Changing the height fromm 22px to 50px. Not sure if it is needed in the other height settings, or if this is a valid fix. Probably if you have a narrower toolbar, it'll still be a fat 50px. At this point though, it's better than squinting at the icons that have been pushed down and out of the toolbar.

bomarmonk’s picture

bomarmonk commented

Height : 100% !important;

Maybe a better solution?

karmalarm’s picture

karmalarm commented

thanks for the workaround - ie is still ugly - it seems like it's rendering the buttons in columns (in ie) as opposed to rows (in firefox) - i don't see where in the htmlarea.js file this is happening.
any ideas...
jay

bomarmonk’s picture

bomarmonk commented

I think the problems with the toolbar formatting may have something to do with this thread over at the xinha site:

http://xinha.python-hosting.com/ticket/337

I have a hard time determining which problem tickets at the xinha site are relevant to my issues, but I still can't find out why the "insert image" link works only with my feedback module's feedback form, but doesn't seem to work when I create content... weird. Htmlarea is nice, but if these problems have no known solutions, I will return to tinymce (which is also pretty darn cool-- but seems a bit slower).