By jldami2 on

YES, I can provide a screenshot of what is happening if that would help:

http://www.inforum.tv/drupal-show.png

***

I have a site made in Drupal 5 using the fixed-width, 2 column left-sidebar theme "Blossom."

http://drupal.org/project/blossom

It works fine in IE7 and Firefox, and the site appears properly in those browsers.

But in IE6, all the right side Blocks shift down to the bottom of the theme, looking horrendous. Left-sidebar Blocks appear fine, it is only the right side blocks (main site body content) that shifts down.

I did some adjusting to the theme and stylesheets (to get the homepage how I wanted it to look), and there must have been something that I overlooked, or more likely that IE7 and Firefox deal with but IE6 does not.

Because the site works well in 2 of 3 browsers, I'm exploring the support forum community for assistance here ... maybe it is a common issue, or one that somebody here has seen/heard of before and knows the fix? The only related issue I found in the forums was this one (but it is slightly different than my problem):

Center content shifting down: http://drupal.org/node/79486

If someone sees how this other issue relates to mine, that would be very helpful assistance, too!!

My IE6 users will thank you!

⋅ Categories: Drupal 5.x

Comments

sunset_bill’s picture

sunset_bill commented

hard to tell without seeing your stylesheet, but IE6 does have a few known issues with CSS, including how it handles the position: and float: attributes. It looks like that's what you're running into.

archi’s picture

archi commented

Hi,

Can you try to give float: left; clear: right; margin: 0; padding: 0; to to that whole content which is going down on IE 6.
And gave tht css for IE 6 only.
Still not working than give border to check whether the leftside column is occuping the whole page or not,
even gave border to that content also which is going down and than check from IE Toolbar that which css is messing up the things.

Hope it works.

vitthal’s picture

vitthal commented

hi

i just find a quick solution that helped me out, basically in ie6 margin behaves some what differently.

so here in your stylesheet (style.css) of your theme folder i.e. blossom\style.css

Please add this class

* html #left {
margin-left:23px;
}

Please let me know if it works.

Thanks
Vitthal Roonwal