Hi Shyted,
Thx so much for the donation.
Yes I had a look in IE and FF and I see the white background in IE - just on the coppermine gallery page isn't it?
I did a couple of quick tests and found a few leads for you.
Firstly I would say grab the firefox web developers toolbar if you have not got it already. Google it and you'll have it all installed in 30 secs. Now CTRL-SHIFT-Y together in firefox will let you hover over elements on the page and analyse what styles are affecting them.
I'm using this method and also looking at the css for coppermine:
jpsw.co.uk/gallery/themes/classic/style.css
(with web developer toolbar installed you can CTRL-SHIFT-C and you will get this page with some helpful notes)
I note that various elements that appear transparent in FF but not IE are calling clear.png - I've posted the footer css below as an example - now FireFox does not display missing images at all but IE tends to display a missing image marker - i suspect this is the culprit.
.footer (line 463)
{
font-size: 9px;
background-image: url(clear.png);
background-repeat: repeat-x;
}
From the URL in the css we can see that clear.png should be in the same directory as the style sheet: url(clear.png)
If it was one directory up for example it would like this url(../clear.png)
So lets test that URL and see if the image is present:
CSS URL is:
jpsw.co.uk/gallery/themes/classic/style.css
So png URL will be:
jpsw.co.uk/gallery/themes/classic/clear.png
And yes it comes up... So my first thought is not correct- It's not clear.png that is causing the issues.
So I head on over and look at the page source, I've never used coppermine for Joomla before but the first thing I notice is that the only reference to your gallery in the source code is an <iframe> basically coppermine is loading a separate web page inside your joomla content area - so If i right click in firefox anywhere in the coppermine area I can load the iframe in it's own window:
jpsw.co.uk/gallery/thumbnails.php?album=2
Now were getting somewhere - the background is now white in FireFox as well! interesting.
So it's something to do with the iframe background color.
A quick
google for this term and...
The
first result looks promising.
It's a forum where someone has asked this very question re: white border for iframe in IE.
I quote the forum post below:
"what i can do to make the transparent background work in BOTH browsers???
You have to include the proprietary allowtransparency property, set to true:
<iframe src="..." allowtransparency="true"></iframe>The background-color property of the iframe element will then default to transparent, but it can still be set to any legal value."
Hope this helps - I'll leave you to test it on your site.
One last thought though is that the funny gray stripes we see at
jpsw.co.uk/gallery/thumbnails.php?album=2 are all created I think by layers of the clear.png.
Layers of transparency are going to slow down page rendering time significantly and are probably not needed with Transparent Bliss being what it is. The gallery would look sweet with no clear.png.
I would suggest you backup the coppermine CSS and then do a "find and delete" for all instances of clear.png - remove all the css that relates to it - e.g. the stuff in red below. If you don't want to remove it all at least the clear.png from the body tag below as this is just going to create a third layer of transparency between the template background and the gallery.
body {
background-image: url("clear.png");
background-repeat: repeat-x;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color : White;
margin: 0px;
}
Cheers
Big Bear
