[WSG] Background-Image not displaying in IE5 IE6

2008-09-25 Thread Kristine Cummins 
I have a div container that has a background image (gradation) which is
displaying fine in IE7  Mozilla, but it's not displaying in IE5  IE6.
Within that containing div with the background-image is a content div
floating left with a background-color: #fff, and a sidebar
background-color:transparent --- so that it displays the background image.
Anyone knows why or a better solution? If I put the background-image in the
sidebar of where I want it to display, it cuts off too short because there's
not enough content in the sidebar - thus put it in the containing div so
that there's no cut off issue.

Website:
http://www.cpwrehab.com/test/index.html




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Background-Image not displaying in IE5 IE6

2008-09-25 Thread Gunlaug Sørtun 

Kristine Cummins wrote:

I have a div container that has a background image (gradation) which is
displaying fine in IE7  Mozilla, but it's not displaying in IE5  IE6.



http://www.cpwrehab.com/test/index.html


Add...

* html #container,
* html #headercontainer {
height: 1%; overflow: visible;
}

...to give old IE something it understands - a 'hasLayout' trigger and a 
hint not to hide the overflow. That will fix the problems.


regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Background-Image not displaying in IE5 IE6

2008-09-25 Thread Todd Budnikas 



Kristine Cummins wrote:
I have a div container that has a background image (gradation)  
which is
displaying fine in IE7  Mozilla, but it's not displaying in IE5   
IE6.



http://www.cpwrehab.com/test/index.html



On Sep 25, 2008, at 10:08 PM, Gunlaug Sørtun wrote:

Add...

* html #container,
* html #headercontainer {
height: 1%; overflow: visible;
}

...to give old IE something it understands - a 'hasLayout' trigger  
and a hint not to hide the overflow. That will fix the problems.


Clearing your main containing div did the trick for me, but requires  
some extra markup. so i'd fly with Gunlaug's solution.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***