By StupidDog on

Hello

I've got the following trouble:

Right sidebar is showing at the bottom of the page - it starts exactly at the end of left sidebar.

http://piastczluchow.pl/n/

It shows like that in IE 6, and Firefox2 is looking good.
I got some tables in there but removed all

.

Any ideas ??

Thanks

⋅ Categories: Drupal 5.x

Comments

StupidDog’s picture

StupidDog commented

And one more important thing - this is Bluebreeze fixed theme. :)
Thanks

One [StupidDog].

Rob_Feature’s picture

Rob_Feature commented

Hey there...
You're going to find that this is a problem in your CSS. Did you change the CSS at all on this theme?

Basically, the sidebars are being floated right or left and the widths that are set for them are greater than the width of the container they're in, therefore they can't float.

Why only in IE? Because IE has a problem where it renders widths differently than other, more compliant, browsers like Firefox. Basically, the padding and margin of a column in IE is calculated differently in relation to the set width of the div than in any other browser.

So, to try a fix, go into the CSS and make the sidebar div width smaller and see if it floats back in place (you should make it smaller by, at least, the total width of the padding). Let me know if that works for you or if you have questions.

/**
  * Bob Christenson
  * Mustardseed Media
  * http://mustardseedmedia.com
  */
StupidDog’s picture

StupidDog commented

Thank you Bob :).

One [StupidDog].

Rob_Feature’s picture

Rob_Feature commented

No problem...I was stumped by that issue when I first started using CSS all the time...

/**
  * Bob Christenson
  * Mustardseed Media
  * http://mustardseedmedia.com
  */
Jack_Sparrow’s picture

Jack_Sparrow commented

Hi bobchristenson,

I have the same issue, but your solution as described above didn't help. It squashed the search button to below the search box & left the table below the "float" looking out of place...

Any other solutions?

JS

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 :)