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

$(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.

Technorati Tags: Drupal, Internet Explorer 6