shenk

I have a page that I finally got to display properly in IE6 and Firefox. However, now it won't display properly in IE7. The page has height elements set to 100% and also has a background-color. There is an internal content div, also with 100% height and it's own background-color. When I scroll beyond the height of the window, all of a sudden, the nested div's background-color disappears and it looks like my content appears on a transparent background. I get the feeling this is a well known issue, though all the online resources where I have encountered others with this problem didn't have a solution. Can anyone help

My main styles are:

BODY

{

width: 100%;

height: 100%;

min-height: 100%;

margin: 0px;

padding: 0px;

background-color: #024C02;

text-align: center;

}

FORM

{

min-height: 100%;

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

}

.WebsiteContent

{

display:table;

width: 100%;

height: 100%;

background-color: #D7EDD5; /* This is the backround color that seems to disappear when I scroll*/

padding: 0px;

}



Re: Internet Explorer Web Development 100% page height, scroll with background color

Toutouffe

I have the same problem, all the divs that have a height=100% don't show the part of the background that has been freshly uncovered by scrolling.

I've posted on several forums, so I'll keep you posted if I get any info...




Re: Internet Explorer Web Development 100% page height, scroll with background color

Matt, creature of the day

I also have this problem, but with 100% width.