CSS mystery

[torsdag]

Could some kind soul please give me hint what is wrong here?

In Internet Explorer 6 and 7, my websites center column and right column are not displayed correctly.

It works just fine in all other browsers. I'd be so happy if someone could help me out here.

[rocky]

The problem is that the width of your right column is 185px, but the width of the modules within the right column is 191px. You need to reduce the width of those modules to 185px, or increase the width of the right column to 191px and reduce 6px from the width of the center column.

[Righthe]

Hi Rocky,

Could you please explain it. i am having the same problem.

[Prestafan1234]

What's wrong with Rocky's explanation just above your post?? He just explained it

[Righthe]

Hi, Sorry i should have put it clearly. As being new i want to know where exactly i need to do these changes. Is these changes need to be done in Global.CSS file?

Please respond.

[rocky]

Yes, it is the following part of global.css in the /* global layout */ section that you need to edit:

#left_column {
   clear: left;
   width: 191px;
   margin-right: 21px;
   overflow: hidden
}
#center_column {
   width: 556px;
   margin: 0 0 30px 0;
   overflow: hidden
}
#right_column {
   width: 191px;
   margin-left: 21px;
   overflow: hidden
}

[Righthe]

Hi,

I have tried as mentioned, but no luck. Even i have tried with different combination's.

The problem lies the same. Pls help! :-(

[rocky]

Can you provide a link to your site? It's hard to help without actually looking at your code.