Grow your CSS skills. Land your dream job.

IE Help!

  • # October 6, 2008 at 8:00 pm

    I have recently overhauled my organization’s website and am quite pleased with the look of the site in FF and most other browsers, except IE… i know, big surprise. If anyone has advice, I would completely grateful for the help if you have time to look at it. I am quite the unconventional CSS designer but if you can sort through it let me know.

    The site is http://www.the1010project.org and it is based off the CSS index.css. Some of my other pages are based off other style sheets that show up fine in IE 6.0 and 7.0 such as join.css from http://www.the1010project.org/join.html and benefitdinner.css from http://www.the1010project.org/benefitdinner.html. Now I am working on consolidating all my sheets but in the process I screwed something up. The top banner is ignored and the nav bar is out of view as well. Thanks for the help!

    # October 7, 2008 at 5:10 am

    Hello,

    To fix your double-margin issues, use display: inline; (where ever you’re using margin-left). To fix some of your other issues, IE doesn’t take kindly to negative values (i.e. top: -775px;). For this, you need to make sure you’re using code that supports all browsers, so re-coding the main page might be in order (or at least the top part) to help IE6 read your code properly. By having the pop-up saying "IE6 is no longer supported, you could use an update" shouldn’t need to be there as compliant code should work in all browsers. As a developer, you need to make the code work for all users (not to mention that 22.3% of internet users as of September 2008 use IE6, http://www.w3schools.com/browsers/browsers_stats.asp).

    I am not trying to degrade your work, but rather to inspire you to make sure those viewing your site have a good experience.

    Like I said above, look into the IE double-margin bug, and negative value fixes.

    Hope this helps,
    Jake

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".