Tutorial :3 pixels extra space in IE6



Question:

Could someone please work out what's happening here, and how I could fix it? I'm testing this page in IE6, IE7, FF and Chrome, and it works in everything but IE6. In that, there is a small gap between the edge of the chickens picture and the div it's in.

I hate IE6.


Solution:1

This may be the "three pixel jog" bug that shows in IE6 but not later versions of IE. See http://www.positioniseverything.net/explorer/threepxtest.html for example.


Solution:2

Using a CSS Reset can help!

Lots of inconsistencies between browsers can be circumvented by using a CSS reset

I use the Meyer Reset method.

However, another option is the Yahoo YUI method.


Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »