Problems with different browser versions

by 3 replies
4
I am still relatively new to web design. I have been having trouble with older browser versions (IE 6 and 7 mostly) not displaying positioning correctly. I check my work in the 4 (up-to-date) major browsers and it looks perfect in each 1, but much of the time has issues in the older browsers.

I am not sure how to approach this. I know I cannot just say "forget it", because many people still use those older browsers, and the sites look very unprofessional even with minor positioning issues. So, how can I overcome this?



-joel
#website design #browser #problems #versions
  • For IE6 you need a hack in your CSS, your main problems will be the right margins, simply use under score like this;

    #etc

    {margin-left:25px;
    _margin-left:10px; (this is for IE6)

    }
    • [1] reply
    • IE6 does not support some CSS properties and if you need to support it, then add some conditional code.
      Check browser version (USER_AGENT) and add the necessary code for the IE6 fix.

      Google IE6 CSS fixes to find what you need.
  • Can someone give me a good site that explains how to implement these CSS hacks. I am having trouble finding one that talks about doing it with IE7. Most only talk about 5 and 6.



    -joel
Join the discussion

Next Topics on Trending Feed

  • 4

    Problems with different browser versions

    I am still relatively new to web design. I have been having trouble with older browser versions (IE 6 and 7 mostly) not displaying positioning correctly. I check my work in the 4 (up-to-date) major browsers and it looks perfect in each 1, but much of the time has issues in the older browsers. I am not sure how to approach this. I know I cannot just say "forget it", because many people still use those older browsers, and the sites look very unprofessional even with minor positioning issues. So, how can I overcome this?