I’m new to CSS. The entire left column is not appearing in IE6. All is ok in IE7. The site is http://www.blitzpetpros.com and the problem is with tag "Left" I think. Any help appreciated. Here is CSS below.
This reply has been reported for inappropriate content.
The column is appearing in IE6 – just not where you’d like it to. This is the well documented box-model issue that IE6 renders utterly incorrectly. If you reduce the width of the left column it might help. In most browsers 50px + 50px = 100px, that makes sense. But in IE6 50 + 50 = 101! Don’t ask!! So creating a conditional comment to reduce the width of the ‘dropped’ float (or in your case, set of table cells) will often fix the problem.
The template you have used is very poorly written and is not standards compliant. the site should really be re-written from scratch. But the above should provide an interim solution.
The above depends on whether or not you have patched your version of IE6. In patches MS pushed out in the last year or so, they FIXED IE6’s busted box model problem, leaving the other culprit – the hasLayout problem.
For your column problem, what you need to do is reduce the right and left padding on the 2 columns and your left column will then pull up where you want it to be. You should always avoid adding padding and/or margins to the div itself.