Chinmay Chiranjeeb » Color Patches http://www.chiranjeeb.com a UI Developer. Thu, 19 Jan 2012 21:56:41 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 IE6 color patches on scroll Fixes http://www.chiranjeeb.com/ie6-color-patches-on-scroll-fixes/ http://www.chiranjeeb.com/ie6-color-patches-on-scroll-fixes/#comments Mon, 04 May 2009 17:19:01 +0000 admin http://www.chiranjeeb.com/?p=198 Continue reading →]]> I came across the color patches problem on scroll of IE6.
Cause: If we have no or different background color in the parent div and the Current div has different background color.

Example:

HTML CODE

… … …

<div class=”outter-content”>

<div class=”content-home”>

<div class=”banner”>… … …</div>

</div>

</div>

… … …

CSS CODE

.outter-content {
	background: #000;
	clear: both;
	border:#a5b3bb 1px solid;
	border-top:0px;
}

.content-home {
	clear: both;
	padding:0 1px;
	background: #d8eaf0;
	border-bottom:1px solid #a6b4bc;
}

.banner{
	background: url("../images/banner.png") no-repeat left top;
	width:1000px;
	height:436px;
}

Screen Shots:

IE6 Color Patches

IE6 Color Patches

Solution:
Change the background of .outter-content to same as .content-home.

CSS CODE

.outter-content {
	background: #d8eaf0 ;
	clear: both;
	border:#a5b3bb 1px solid;
	border-top:0px;
}
... ...

Screen Shots:

IE6 Color Patches Fixed

IE6 Color Patches Fixed

]]> http://www.chiranjeeb.com/ie6-color-patches-on-scroll-fixes/feed/ 0