Hi guys, I have a really strange problem. On some browsers like IE my right blocks appear in the left under corner. (www.spoedeisendehulp.org)
it is a live site, so I hope someone can help me out with it.

thanks in advance!!!

Elfriede

Comments

Hueij’s picture

Welcome to the wonderful world of IE6 :(

You are the victim of an IE6 bug, the infamous IE5/6 Doubled Float-Margin Bug.

What happens is that your div.rsidebar is left floated and also has a left margin of 15px. IE6 has the nasty habit to double this to 30px so there isn't room enough for the three floated divs to fit in div#page.

Just putting display:inline; in the declaration of div.rsidebar should do the trick.

PS: Fokke en Sukke op de site! :)

alf_frommars’s picture

haha tnx fo the comments...
firts time site builder... where should I put this line?
(btw never noticed before.. only using firefox, so wasn't aware of this nasty evil problem..:)

alf

Hueij’s picture

Sorry for the late answer, it's been kinda hectic over here.

I looked were to put the declaration but it seems that you have CSS optimization enabled so I couldn't see which CSS file you have to edit. But my guess is that is either style.css or layout.css.

Somewhere in there it should say

div.rsidebar {
  ...some stuff...
  }

Put display:inline; in there, between the { and the }

Hope this helps.

alf_frommars’s picture

Hello thanks for helping. That does not do the trick
I am using marinelli as a theme.

thanks in advance