Ask Me Help Desk

Ask Me Help Desk (https://www.askmehelpdesk.com/forum.php)
-   Internet & the Web (https://www.askmehelpdesk.com/forumdisplay.php?f=177)
-   -   Can't display layer in internet explorer (https://www.askmehelpdesk.com/showthread.php?t=13529)

  • Oct 10, 2005, 06:58 AM
    darcidiacono
    Can't display layer in internet explorer
    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??
  • Oct 10, 2005, 07:26 AM
    RickJ
    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.
  • Oct 10, 2005, 08:10 AM
    LTheobald
    Replace
    Code:

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

    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.
  • Oct 10, 2005, 08:37 AM
    darcidiacono
    Why not using photoshop...
    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??
  • Oct 10, 2005, 08:50 AM
    RickJ
    That makes sense for using percentage width.

    If you don't figure the answer soon, my favorite web-design forums are Lunarforums and
    ThePerfectPage

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

  • All times are GMT -7. The time now is 12:17 AM.