I have a problem getting my site to format properly using css.?

Question

Can anyone figure out why my formatting on www.pamandjosh.com doesn't align properly on older browsers? It works fine with ie7 and firefox but anyone in an older version says that the content doesn't align.

Answer 1

ah yeah - problem is older browsers add padding to the width of a div - I'm not 100% without spending more time on it but if you change your style to what I've included below it may work

#columnB {
float: right;
width: 200px;
_width: 180px;
_margin-right: 20px;
padding: 25px 20px 0px 10px;
background: url(images/img03.gif) no-repeat left top;
}


the trick is to add an underscore to the start of a style type that you want to be different in explorer - all other programs ignore it, oh and put it after the original style - that way it overrides the original

hope this helps out

Answer 2

Older browsers do not support some CSS elements, just like some don't support Javascript or some HTML tags.
Best thing to do is figure out what property is messed up in older browsers (like the padding: or margin: or such) and search online for an IE5.5 CSS hack (replace IE5.5 with whatever old browser is not working correctly).