Alignment Feature Boxes in IE

[stijnxo+ 1]

I looks like my Feature boxes are not aligned the same as in Safari? What to do? Check: wwww.amazone-project.com/wordpress

[cmunns 16]

It looks like in IE you have a 20px margin on the left that needs to be changed to 0px `.dcol_3 {margin-left:0px;}`

[stijnxo+ 1]

Now the featurebox goes out of the frame on the left in Safari. It works for IE. Maybe it is my custom code that is meshing this up. I use this to align my page entry's left to the content above: .page { margin-top: 0px; margin-left: -15px; } Any ideas?

[anvilmediainc 0]

You should probably just set up a browser detector and redirect anybody who hits your page in IE to a Chrome or Firefox download page. Maybe they'll finally get the hint.

[Andrew 207]

Nah, I wouldn't recommend doing browser detection... or the fix adam suggested... Always try and add margin/padding to `element-pad` HTML elements.... they are designed to be adjusted (without throwing off layout)

[stijnxo+ 1]

Hmmm not really understand how to us this code. My main problem is to get my page content the same width as features and boxes, and aligned the same to the left. (in my case 960px). Now just shift the page to the left with this code (but this doesn't work for IE). .page { margin-top: 0px; margin-left: -15px; } Any better suggestions for this? Thanks a lot for your help.

[kastelic 6]

Is this only happening in IE7? That's the only one I'm seeing the problem in. Try adding a 15px right-margin to your container.(maybe #boxes?) If it works then put the style in IE7.css or do an HTML IE hack.