By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,199 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

IE 6 CSS Issue

gregerly
Expert 100+
P: 192
I've recently been developing a site redesign and testing in IE 7 and Firefox. Things are looking great. As soon as I tested in IE 6 I see some major problems. The site is XHTML Strict (validates) and the CSS is also without error. The problem is obvious if you compare the site (link below) side by side in IE 7 or Firefox and IE6. There is extra padding (white space) below the navigation bar, and there is space between the top of the main body portion of the page, and the actual content whithin the main body. Any ideas of how to fix this, or if I'm doing something wrong in my CSS? Thanks in advance BTW, the site isn't near finished with styling or content, there is just the index page right now, but I wanted to take care of the problem before going further.

http://www.greggoforth.net/greggoforthV2

Thanks again for any suggestions.

Greg
Mar 23 '07 #1
Share this Question
Share on Google+
1 Reply


gregerly
Expert 100+
P: 192
Never mind, I fixed it. In case anyone wants to know, I had some empty divs that were set to certain heights with background images (how I was achieving the rounded corners.). Because the divs were empty, IE 6 had a problem rendering it for some reason. I added a new class which set any paragraph tags to display none. Then I added a <p>.</p> to each div and violla....all is well again. I'm actually creating the p tags with javascript so things still look nice in the code.

Thanks...

Greg
Mar 23 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.