J
Jake Barnes
Please look at this page in IE6:
http://www.teamlalala.com/lark/Simplicity ie.htm
In IE6, you can see a huge gap at the bottom of the page, underneath
the footer. We would like to fix this.
The problem arises from a conflict between our PNG fix, and our
slideshow. This is the script we are using to fix the PNG bug in IE6:
http://www.teamlalala.com/lark/img/DD_belatedPNG_0.0.7a-min.js
It is explained here:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
We also have this script to drive the slideshow on the front page:
http://www.teamlalala.com/lark/img/slide.js
The problems arise with these lines:
for(i=1; i < 4; i++) { // Add our slides to the document
var newImage = document.createElement('img');
newImage.src = "img/"+i+".jpg"
var newLink = document.createElement('a');
newLink.appendChild(newImage);
referenceToSlideContainer.appendChild(newLink);
// $("#main-slide").append("<a href=''><img src='img/"+i+".jpg' /></
a>");
}
You can see that I've tried two different methods of adding images to
the page. If I comment out this whole for() loop, then the gap at the
bottom of the page is fixed, but we no longer have a slide show.
We need to find way to have the slide show and also have the PNG fix.
In the file "Simplicity ie.htm" you will see this line:
<SCRIPT>DD_belatedPNG.fix('#container div, #container img');</SCRIPT>
This fixes the problem of having a gap at the bottom of the page:
<SCRIPT>DD_belatedPNG.fix('#container img');</SCRIPT>
In other words, if we take out "'#container div", then there is no
more gap at the bottom of the page. And the slide show appears.
However, most of the PNGs that we need to have appear on this site are
actually loaded as the background images to divs. So we need to keep
this script working for divs. We need it to fix the background PNGs we
use with various divs.
Does anyone have a solution about how we can get rid of the big gap at
the bottom of the page?
I've installed FireBug Lite to help debug. I see that the PNG fix adds
in a bunch of invisible images with the class of
DD_belatedPNG_sizeFinder. I've set this style in the style sheet:
..DD_belatedPNG_sizeFinder {
display:none;
width:0px;
height:0x;
}
Yet there is still a big gap at the bottom of the page.
http://www.teamlalala.com/lark/Simplicity ie.htm
In IE6, you can see a huge gap at the bottom of the page, underneath
the footer. We would like to fix this.
The problem arises from a conflict between our PNG fix, and our
slideshow. This is the script we are using to fix the PNG bug in IE6:
http://www.teamlalala.com/lark/img/DD_belatedPNG_0.0.7a-min.js
It is explained here:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
We also have this script to drive the slideshow on the front page:
http://www.teamlalala.com/lark/img/slide.js
The problems arise with these lines:
for(i=1; i < 4; i++) { // Add our slides to the document
var newImage = document.createElement('img');
newImage.src = "img/"+i+".jpg"
var newLink = document.createElement('a');
newLink.appendChild(newImage);
referenceToSlideContainer.appendChild(newLink);
// $("#main-slide").append("<a href=''><img src='img/"+i+".jpg' /></
a>");
}
You can see that I've tried two different methods of adding images to
the page. If I comment out this whole for() loop, then the gap at the
bottom of the page is fixed, but we no longer have a slide show.
We need to find way to have the slide show and also have the PNG fix.
In the file "Simplicity ie.htm" you will see this line:
<SCRIPT>DD_belatedPNG.fix('#container div, #container img');</SCRIPT>
This fixes the problem of having a gap at the bottom of the page:
<SCRIPT>DD_belatedPNG.fix('#container img');</SCRIPT>
In other words, if we take out "'#container div", then there is no
more gap at the bottom of the page. And the slide show appears.
However, most of the PNGs that we need to have appear on this site are
actually loaded as the background images to divs. So we need to keep
this script working for divs. We need it to fix the background PNGs we
use with various divs.
Does anyone have a solution about how we can get rid of the big gap at
the bottom of the page?
I've installed FireBug Lite to help debug. I see that the PNG fix adds
in a bunch of invisible images with the class of
DD_belatedPNG_sizeFinder. I've set this style in the style sheet:
..DD_belatedPNG_sizeFinder {
display:none;
width:0px;
height:0x;
}
Yet there is still a big gap at the bottom of the page.