By pniraj007 on

I am setting up a site(www.gujjubulls.com) based on Garland theme and I am having a problem with layout on IE 6. It looks great in Firefox 2 and IE7, but with IE6 the right column shows up either under the left or middle column (different for different pages).
I am in panic as my site is up and from last two days I am not able to close the issue.
I need to correct this because IE6 still represents the majority of browsers visiting my site. The latest stats for browsers hitting my site are:

Explorer-v6 52%
Explorer-v7 19%
Firefox-v2 16%
Firefox-v1.5 10%
(Safari, Netscape, and AOL make up the other).

Please help drupal gods!!!

⋅ Categories: Drupal 5.x

Comments

apsivam’s picture

apsivam commented

Try this,
Open your misc/textarea.js file,
go to line no. 7 and change it to

    $(this).wrap('<div class="resizable-textarea"><span></span></div>')

Hope you are using Drupal 5.1
I hope this is fixed in Drupal HEAD
--
Cheers,
Sivanandhan, P. (a.k.a. apsivam)

pniraj007’s picture

pniraj007 commented

sorry for late reply,

I tried doing this but problem still persists. Any other idea!!

ericprk’s picture

ericprk commented

Could be an IE6 float (double margin) bug. IE6 has a bug where the last floated column doubles the margin specified. This only happens if the last float is in the same direction as the previous floats. Try setting #sidebar-right .sidebar to float:right instead.

Also something could just be spilling out of the column. In which case you could try #sidebar-right {overflow:hidden}

melezhik’s picture

melezhik commented

Colleagues!

I have site with Events calendar module located at the left column and using Garland theme. And in IE6 I had the same problem. Site is build on Drupal 5.8

I fixed it in the next way:
in the file style.css from /themes/garland I added the code (if you are using not garland theme use appropriate style.css for that theme)
#sidebar-left .sidebar {
float:right;
overflow:hidden;
}

and removed Calendar module from the left column.

If it not works also you should try changing #sidebar-left to #sidebar-right in the code below.

I hope it's what you do need :)