Resizable TextArea Fix For Drupal Blog in IE 6
It took me months to realize that my blog entries did not look right in Internet Explorer 6. Then this morning, I happened to load my blog in IE 6 and the layout looked like garbage. I kept thinking that I had to adjust my margins in layout.css or style.css. This was not the case. The problem in Internet Explorer 6 was that the comment textarea was running into the right margin. And in turn, when the page loaded, this caused the middle and left columns to be pushed down.
I loaded Internet Explorer 7 on the desktop and I did not seem to have that problem there. The browsers that I use primarily are Opera and Firefox, so this somewhat explains why it took me so long to see the layout issue.
After using the IE Development Toolbar for an hour or so, I decided to research Drupal.org for a way to fix the layout. I have not made major changes to the default Zen layout, so I figured I would probably see people who had the same problems. I ended up finding the solution to my problem on this page, but before you go there let me explain. This page links you to a patch, but for some reason I could not get the patch to work. I started scrolling down the page and reading all of the comments.
I then arrived at this comment:
#14 submitted by alanburke on January 16, 2007 - 22:13
Well, Though I can’t apply the patch, the concept seems fine.
I was having issues with textareas meesed up on;
-Zen theme [Textaears floated Way off to the right]
-Garland [Floated Hidden to the left]
On IE 6 and IE7
By Editing line 7 in textarea.js
$(this).wrap(’<div class="resizable-textarea"></div>’)
to
$(this).wrap(’<div class="resizable-textarea"><span></span></div>’)
What alanburke did for his site, worked for mine as well. To make this edit, go to the file misc/textarea.js. Then edit line 7 as mentioned above. The new line 7 is italicized in the bold print. If you have had this same problem, I hope this code edit works for you.
Direct URL: http://drupal.org/node/101305 then scroll down to comment number 14.
Sphere: Related ContentHow to Remove the RSS Icon From Drupal Theme
Anonymous Users Cannot Access Drupal Content
Another Major Change
Looking a Little Different
Friday Five
just what I needed for some reason I had saved testing Explorer 6 til a week before we were to launch a site, and I was aghast that most of the form entries were scrambled. I found this and it immediately fixed the site. Thank you a million times for sharing this.
yes, a livesaver. thanks. I would have never even thought to look in the javascripts to fix this. Thanks for the help.
I wonder what other tweaks could be made in javascript. Maybe none.
Anyhow, problem solved for me, I was using Garland in IE 6.
very interesting, but I don’t agree with you
Idetrorce