Friday 15 April 2011

design - How to handle with older IE versions and webdesign? -


It may be completely wrong to deal with my blindness, but yes, now I am in a bad situation I am

Since the month I am making an auction platform, at the end of the project - the time limit is decreasing and now - we do a browser test with older browsers (for example, and worst : Ie6).

What should I say? The full design fails in IE6 logo is not transparent, log in to know the button in God that the monitor and the entire menu bar is 100px where IE 7, IE 8, Opera 10 and FF3 are all very fine, no The problem is not exactly right.

So, how can I handle this fact that my complete design in IE6 is simple unsuccessful? Any ideas to save my head? =)

First of all, do not panic. Layout work in IE 6 is not hard to do. Many things are possible with IE 6, you only have to do it in a slightly different way. This page does not take much time to get IE6 compatible (most of the time).

The main issues are from the top of my head:

  • First, conditional comments are your friends to use them to drag IE6 versions of your CSS files.
  • There is no transparent PNGs
  • No clear: left or clear: right either transparent GIF, non-transparent images Or for IE 6 Transparent PNG hack. Simply use the clear: both .
  • The list of the lists below shows up at the top of the lights below: There are many solutions available, either hide the dropdown or use the iframe trick before displaying the foreground div (one of the size of the foreground diva Create IFrame and place it under the divider below, which will hide the dropdown)
  • No Status: fixed . You have to be with that you can try some code instead of status: absolute , but it will actually slow down. (Simply say, the speed of javascript execution is not one of the great powers of IE6).
  • IE6 has CSS gradient and CSS shadow (like FF and Safari) but you access them differently, more to know the Google IE CSS filter.
  • Try to use jQuery or some other JavaScript library, they hide very complexity and browser incompatibilities.
  • The rest is negligible with dimensions only. It takes some time but it is not difficult.

Good luck!


No comments:

Post a Comment