PDA

View Full Version : Can't display layer in internet explorer

darcidiacono
Oct 10, 2005, 06:58 AM
I am trying to display a logo (color white, background transparent, png format) as a layer over a graphic in a web page. I have tried one hundred things and can't get it to work. Note: display in Mozilla Firefox is perfect. White logo does not show up in Internet explorer.

Currently trying something like this:

<BODY BGCOLOR="#FFFFFF" background="picts/background-main.jpg" TEXT="#000000" LINK="#4E172A" VLINK="#4E172A" ALINK="#666666" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">
<!-- PAGE TABLE-->

<div id="bottomlayer" style="position:relative; z-index:1">
<TABLE cellpadding="0" cellspacing="0" border="0" width="100%" HEIGHT="100%">
<div id="logolayer" style="position:absolute; visibility:visible left:27px; top:30px; width:491px; height:123px; layer-background-image: url(picts/banner.png); border: 1px none #000000; z-index:2"><img src="picts/banner.png" width="720" height="125"></div>
.
.
.
</div> <!-- end div for bottom layer -->

Can anyone out there help me??
RickJ
Oct 10, 2005, 07:26 AM
Is there a reason you prefer to code it rather than merge the logo and graphic in something like Photoshop?

And just to note, you should also post this under Building Web Pages.
LTheobald
Oct 10, 2005, 08:10 AM
Replace

layer-background-image: url(picts/banner.png);
With

background-image: url(picts/banner.png);

I believe layer-background-image is supported by Netscape only. Just background-image works fine in IE & FireFox. To stay on the safe side you can always have both layer-background-image and background-image - just to make sure it works in Netscape browsers.
darcidiacono
Oct 10, 2005, 08:37 AM
I've already tried the background-image code, as listed below. It made no difference.

The reason I'm not using photoshop is because the banner image is set to stretch to 100% the width of the browser. I can't do that with the logo in it.

Any other ideas??
RickJ
Oct 10, 2005, 08:50 AM
That makes sense for using percentage width.

If you don't figure the answer soon, my favorite web-design forums are Lunarforums (http://www.lunarforums.com) and
ThePerfectPage (http://www.theperfectpage.org)

I use both frequently - and can't think of a time I didn't get the answer I was seeking.
darcidiacono
Oct 10, 2005, 11:59 AM
I will definitely check out the other two forums. THANKS!!