Disappearing png in IE6

I have a png created thusly:
In FW - Simple rectangle of solid color, with transparency
slider set it
to 65% opaque. In Optimize panel set: png8,
AlphaTransparency, Web
Adaptive, Colors 256. Then Export it.
This produces a nice semitransparent image when added to a
page, in FF2
and IE7.
In IE6 (and 5.5) (Standalones) it displays not as an opaque
image as I
would expect and desire, but as completely transparent! Are
my Optimize
settings wrong? Something else? Might this be an IE
Standalone version
issue, one that I can not locate by googling??
Thanks for any ideas.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

IE6 actually has partial support for the palletized alpha
channels in PNG 8
files. I would imagine that's your problem.
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators
"E Michael Brandt" <[email protected]> wrote
in message
news:g0krta$rdr$[email protected]..
> Joe Makowiec wrote:
>
>> Just a guess, but IE6 supports some transparency in
a .png, no? But not
>> being very bright about it, it may assume that
transparent ===
>> transparent, and interprets anything with some
transparency as 100%
>> transparent.
>>
>
> .... Interesting thought.
>
>
> Further testing: it seems that png32 DOES work as
expected, transparent
> elsewhere but opaque (not transparent) in IE6. That is
despite all the
> online tutorials and blogs that tell me to use the png8
format. Still
> puzzled.
>
> --
>
>
> E. Michael Brandt
>
> www.divahtml.com
>
www.divahtml.com/products/scripts_dreamweaver_extensions.php
> Standards-compliant scripts and Dreamweaver Extensions
>
> www.valleywebdesigns.com/vwd_Vdw.asp
> JustSo PictureWindow
> JustSo PhotoAlbum, et alia
>
> --

Similar Messages

Using "pngfix.js" for PNGs in IE6

Hi folks,
Thanks to Murray, I've been using the javascript/css
"pngfix.js" hack on many client's sites to get IE6 to display the
PNGs properly. This has worked flawlessly until today.
The beta url is
http://center4spine.com.s11267.gridserver.com/.
If you're using IE6, you'll see that under the main nav there is a
gap on the sides. That's the way the PNGs are suppose to behave.
Everything outside the main box that is grey is supposed to be
transparent, just like email/phone number image, but it isn't. The
only difference between the email/phone number image and the other
PNG images is that the others are backgrounds. But I've using PNGs
as backgrounds on several customer sites and this is the first time
I've run into this problem.
Has any had this issue previously, or can anyone explain
what's going on? This is highly unusual... Relevant structural CSS
attached below.

forgettabout it, IE6 is dead.

Can't get png IE fix to work

hi everyone. i'm doing a new site and decided to go with pngs
for my
topper graphic with transparency since gif is supposedly
dead, or
whatever. i searched here and the web for a good fix for IE6-
and
decided on Supersleight
http://24ways.org/2007/supersleight-transparent-png-in-ie6).
i must be
doing something wrong because i can't for the life of me get
it to work!
the png is the background image for the topper div, but this
fix is
supposed to work on background images. also, if i put that
same image
elsewhere in the page, it still doesn't work. however, if i
put it on an
empty page with nothing but the background, it does work. so
it seems
like there must be something in my template that's causing it
to not work.
could somebody please help me?
here's a link:
http://www.pikespeakderbydames.com/new
thanks!

i was afraid of that. i guess i'll go see if Project VII
knows what's up!
thanks for the help!
Nancy O wrote:
> <shrug> Either don't use the png script or look
for an acceptable
> substitute for the others. Project VII could probably
tell you "why" there
> is a conflict with this script. </shrug>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
> "courtney (n h c)"
<[email protected]> wrote in message
> news:[email protected]...
>
>> that's it! it won't work with either of those other
two scripts. is
>> there anything i can do about that?
>>
>> thank you for your help!
>>
>> Nancy O wrote:
>>
>>> I haven't used this script before. Quite
possibly there's a conflict
>>>
> with
>
>>> other scripts on that page. Start by commenting
out the Project VII
>>>
> Express
>
>>> Menu script and see if that helps. Then comment
out other scripts one by
>>>
> one
>
>>> to debug.
>>>
>>>
>>> --Nancy O.
>>> Alt-Web Design & Publishing
>>> www.alt-web.com
>>>
>>>
>>> "courtney (n h c)"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>
>>>
>>>> plus, here's my test page with nothing but
the background and topper
>>>> div, and it works fine there:
>>>>
http://www.pikespeakderbydames.com/new/test.html
>>>>
>>>> so it should work, but it's not!
>>>>
>>>> courtney (n h c) wrote:
>>>>
>>>>
>>>>> then why do the instructions say that it
works for backgrounds?
>>>>>
>>>>> SuperSleight adds a number of new and
useful features that have
>>>>>
> come
>
>>>>> from the day-to-day needs of working
with PNGs.
>>>>>
>>>>> * Works with both inline and background
images, replacing the
>>>>> need for both sleight and bgsleight
>>>>>
>>>>> plus, it also won't work on regular
images on that page, but will on
>>>>> other pages. which is why i think
there's something wrong with my code
>>>>> somewhere.
>>>>>
>>>>>
>>>>> Nancy O wrote:
>>>>>
>>>>>
>>>>>> Sorry, png fix doesn't work on BG
images. But it works fine on
>>>>>>
> regular
>
>>>>>> images.
>>>>>>
>>>>>> --Nancy O.
>>>>>> Alt-Web Design & Publishing
>>>>>> www.alt-web.com
>>>>>>
>>>>>>
>>>>>> "courtney (n h c)"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>
>>>>>>
>>>>>>
>>>>>>> hi everyone. i'm doing a new
site and decided to go with pngs for my
>>>>>>> topper graphic with transparency
since gif is supposedly dead, or
>>>>>>> whatever. i searched here and
the web for a good fix for IE6- and
>>>>>>> decided on Supersleight
>>>>>>> (
http://24ways.org/2007/supersleight-transparent-png-in-ie6).
i must
>>>>>>>
>>>>>>>
>>> be
>>>
>>>
>>>>>>> doing something wrong because i
can't for the life of me get it to
>>>>>>> work!
>>>>>>>
>>>>>>> the png is the background image
for the topper div, but this fix is
>>>>>>> supposed to work on background
images. also, if i put that same
>>>>>>>
> image
>
>>>>>>> elsewhere in the page, it still
doesn't work. however, if i put it
>>>>>>> on an
>>>>>>> empty page with nothing but the
background, it does work. so it
>>>>>>>
> seems
>
>>>>>>> like there must be something in
my template that's causing it to not
>>>>>>> work.
>>>>>>>
>>>>>>> could somebody please help me?
>>>>>>>
>>>>>>> here's a link:
>>>>>>>
http://www.pikespeakderbydames.com/new
>>>>>>>
>>>>>>> thanks!
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>
>>>
>
>
>

IE6/CSS browser issue- any idea why this is not working?

http://www.wilmerdds.com/test/index.htm
If you look at the left column, you will see a black box. It shouldn't be black. it should match the bg color of the column. Any idea why this is happening?

Hi
The problem is that you are using a png, and IE6 does not support png transparency. You could try using the iepngfix from - http://www.twinhelix.com/css/iepngfix/.
PZ

File Info not saving in PS

Upon entering File Info and saving the image in Photoshop, all metadata disappears. However, If I apply a metadata template in Bridge, the metadata stays. What may be causing the File Info to not save with the image in PS?
Usig Bridge would be okay, however, I want to create layered images and keep all the metadata. If I attempt to do so in PS, the metadata for all image layers disappear.

PNG file format does not support layers. Even Layer document that support layers may well not have meta data for all images used within a composite. Composites images made using Photoshop place to place in image files as smart object layers may have meta data for placed in image files in the smart object layer's embedded object but that metadata would not be available for use within Photoshop. You would need to open the embedded object in the appropriate application or plug-in to get at that metadata. In fact a composite image file with image file meta data is most likely for the meta data of base image used when the composite image files was created.

Html/Php Coding problem

Now this has completely stumped me, in editing of my site, the homepage looks like this:
And when I open it up on the internet, it looks like this:
Also here is the code of my page: My Question is Simple: Whats going on? And how can I fix it?
<style type="text/css">
body {
    background-image: url(img/12.jpg);
    background-repeat: no-repeat;
#Splash1 {
    position:absolute;
    width:478px;
    height:96px;
    z-index:1;
    left: 171px;
    top: 2px;
#splash2 {
    position:absolute;
    width:200px;
    height:360px;
    z-index:2;
    left: 16px;
    top: 33px;
#splash7 {
    position:absolute;
    width:143px;
    height:22px;
    z-index:4;
    left: 893px;
    top: 74px;
#menu {
    position:absolute;
    width:859px;
    height:61px;
    z-index:3;
    left: 183px;
    top: 95px;
    background-image: url(img/16.png);
#menu-text {
    position:absolute;
    width:516px;
    height:26px;
    z-index:5;
    left: 197px;
    top: 110px;
    color: #FFF;
    font-size: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
#apDiv1 {
    position:absolute;
    width:859px;
    height:37px;
    z-index:6;
    left: 183px;
    top: 156px;
    background-image: url(img/18.gif);
#apDiv2 {
    position:absolute;
    width:180px;
    height:21px;
    z-index:7;
    left: 186px;
    top: 162px;
#transparent-bg {
    position:absolute;
    width:860px;
    height:592px;
    z-index:8;
    left: 183px;
    top: 155px;
    background-image: url(img/21.png);
#apDiv4 {
    position:absolute;
    width:200px;
    height:33px;
    z-index:9;
    left: 185px;
    top: 158px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
#apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:10;
    left: 338px;
    top: 322px;
#Soild-BG {
    position:absolute;
    width:860px;
    height:124px;
    z-index:9;
    left: 183px;
    top: 739px;
    background-color: #010F1E;
#wrapper {
    position:absolute;
    width:29px;
    height:25px;
    z-index:1;
    left: -1px;
    top: -2px;
</style>
<?php
define('INCLUDE_CHECK',true);
require 'connect.php';
require 'functions.php';
// Those two files can be included only if INCLUDE_CHECK is defined
session_name('tzLogin');
// Starting the session
session_set_cookie_params(2*7*24*60*60);
// Making the cookie live for 2 weeks
session_start();
if($_SESSION['id'] && !isset($_COOKIE['tzRemember']) && !$_SESSION['rememberMe'])
    // If you are logged in, but you don't have the tzRemember cookie (browser restart)
    // and you have not checked the rememberMe checkbox:
    $_SESSION = array();
    session_destroy();
    // Destroy the session
if(isset($_GET['logoff']))
    $_SESSION = array();
    session_destroy();
    header("Location: demo.php");
    exit;
if($_POST['submit']=='Login')
    // Checking whether the Login form has been submitted
    $err = array();
    // Will hold our errors
    if(!$_POST['username'] || !$_POST['password'])
        $err[] = 'All the fields must be filled in!';
    if(!count($err))
        $_POST['username'] = mysql_real_escape_string($_POST['username']);
        $_POST['password'] = mysql_real_escape_string($_POST['password']);
        $_POST['rememberMe'] = (int)$_POST['rememberMe'];
        // Escaping all input data
        $row = mysql_fetch_assoc(mysql_query("SELECT id,usr FROM tz_members WHERE usr='{$_POST['username']}' AND pass='".md5($_POST['password'])."'"));
        if($row['usr'])
            // If everything is OK login
            $_SESSION['usr']=$row['usr'];
            $_SESSION['id'] = $row['id'];
            $_SESSION['rememberMe'] = $_POST['rememberMe'];
            // Store some data in the session
            setcookie('tzRemember',$_POST['rememberMe']);
        else $err[]='Wrong username and/or password!';
    if($err)
    $_SESSION['msg']['login-err'] = implode('<br />',$err);
    // Save the error messages in the session
    header("Location: demo.php");
    exit;
else if($_POST['submit']=='Register')
    // If the Register form has been submitted
    $err = array();
    if(strlen($_POST['username'])<4 || strlen($_POST['username'])>32)
        $err[]='Your username must be between 3 and 32 characters!';
    if(preg_match('/[^a-z0-9\-\_\.]+/i',$_POST['username']))
        $err[]='Your username contains invalid characters!';
    if(!checkEmail($_POST['email']))
        $err[]='Your email is not valid!';
    if(!count($err))
        // If there are no errors
        $pass = substr(md5($_SERVER['REMOTE_ADDR'].microtime().rand(1,100000)),0,6);
        // Generate a random password
        $_POST['email'] = mysql_real_escape_string($_POST['email']);
        $_POST['username'] = mysql_real_escape_string($_POST['username']);
        // Escape the input data
        mysql_query("    INSERT INTO tz_members(usr,pass,email,regIP,dt)
                        VALUES(
                            '".$_POST['username']."',
                            '".md5($pass)."',
                            '".$_POST['email']."',
                            '".$_SERVER['REMOTE_ADDR']."',
                            NOW()
        if(mysql_affected_rows($link)==1)
            send_mail(    '[email protected]',
                        $_POST['email'],
                        'Registration System Demo - Your New Password',
                        'Your password is: '.$pass);
            $_SESSION['msg']['reg-success']='We sent you an email with your new password!';
        else $err[]='This username is already taken!';
    if(count($err))
        $_SESSION['msg']['reg-err'] = implode('<br />',$err);
    header("Location: demo.php");
    exit;
$script = '';
if($_SESSION['msg'])
    // The script below shows the sliding panel on page load
    $script = '
    <script type="text/javascript">
        $(function(){
            $("div#panel").show();
            $("#toggle a").toggle();
    </script>';
?>
<title>PGS</title>
<head>
    <link rel="stylesheet" type="text/css" href="login.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="login_panel/css/slide.css" media="screen" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    
    
    
    <script src="login_panel/js/slide.js" type="text/javascript"></script>
    <?php echo $script; ?>
</head>
<body>

<div id="toppanel">
    <div id="panel">
        <div class="content clearfix">
            <div class="left">
                <h1></h1>
                <h2>A register/login </h2>
                <p class="grey">Upon logon, you will not move from this page</p>
                <h2>A Big Thanks</h2>
                <p class="grey">This tutorial was built on top of <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Go to site">Web-Kreation</a>'s amazing sliding panel.</p>
            </div>
            <?php
            if(!$_SESSION['id']):
            ?>
            <div class="left">
                
                <form class="clearfix" action="" method="post">
                    <h1>Member Login</h1>
                    <?php
                        if($_SESSION['msg']['login-err'])
                            echo '<div class="err">'.$_SESSION['msg']['login-err'].'</div>';
                            unset($_SESSION['msg']['login-err']);
                    ?>
                    <label class="grey" for="username">Username:</label>
                    <input class="field" type="text" name="username" id="username" value="" size="23" />
                    <label class="grey" for="password">Password:</label>
                    <input class="field" type="password" name="password" id="password" size="23" />
                    <label><input name="rememberMe" id="rememberMe" type="checkbox" checked="checked" value="1" /> Remember me</label>
                    <div class="clear"></div>
                    <input type="submit" name="submit" value="Login" class="bt_login" />
                </form>
            </div>
            <div class="left right">
                
                <form action="" method="post">
                    <h1>Not a member yet? Sign Up!</h1>
                    <?php
                        if($_SESSION['msg']['reg-err'])
                            echo '<div class="err">'.$_SESSION['msg']['reg-err'].'</div>';
                            unset($_SESSION['msg']['reg-err']);
                        if($_SESSION['msg']['reg-success'])
                            echo '<div class="success">'.$_SESSION['msg']['reg-success'].'</div>';
                            unset($_SESSION['msg']['reg-success']);
                    ?>
                    <label class="grey" for="username">Username:</label>
                    <input class="field" type="text" name="username" id="username" value="" size="23" />
                    <label class="grey" for="email">Email:</label>
                    <input class="field" type="text" name="email" id="email" size="23" />
                    <label>A password will be e-mailed to you.</label>
                    <input type="submit" name="submit" value="Register" class="bt_register" />
                </form>
            </div>
            <?php
            else:
            ?>
            <div class="left">
            <h1>Members panel</h1>
            <p>You can put member-only data here</p>
            <a href="registered.php">View a special member page</a>
            <p>- or -</p>
            <a href="?logoff">Log off</a>
            </div>
            <div class="left right">
            </div>
            <?php
            endif;
            ?>
        </div>
    </div> 
    
    <div class="tab">
        <ul class="login">
            <li class="left"> </li>
            <li>Hello <?php echo $_SESSION['usr'] ? $_SESSION['usr'] : 'Guest';?>!</li>
            <li class="sep">|</li>
            <li id="toggle">
                <a id="open" class="open" href="#"><?php echo $_SESSION['id']?'Open Panel':'Log In | Register';?></a>
                <a id="close" style="display: none;" class="close" href="#">Close Panel</a>
            </li>
            <li class="right"> </li>
        </ul>
    </div>
<div id="wrapper">
<div id="Splash1"><img src="img/13.png" width="481" height="95"></div>
<div id="splash2"><img src="img/8.png" width="168" height="355"></div>
<div id="splash7"><img src="img/9.png" width="153" height="22"></div>
<div id="menu"></div>
<div id="menu-text">Home | </div>
<div id="transparent-bg"></div>
<div id="Soild-BG"></div></div>

Is this happening in Internet Explorer only? Or do you see the same results on all browsers?
Can you post a link to your page?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How save image to appear sharp, clear bkgd in IE Windows?

I have an html page that has logos with fine repro areas in it, I want a clear background so I used pngs which are sharper than gifs. They look great in the mac browsers and in Firefox in Windows.
But when I open it in Windows IE6 it shows white backgrounds instead of clear...
Is there another way to save them? I thought Windows and IE liked pngs?

This is a well-known shortcoming in older versions of IE. Here is one take on it:
http://www.macosxhints.com/article.php?story=20020327093859941
and here is another:
http://homepage.ntlworld.com/bobosola/
If you don't like them, google png in ie6 fix

Trouble opening website via Internet Explorer on PC

Hi there, I have recently published two websites with iWeb, both of which open and run superbly in Safari on the Mac but when you try and open them on Internet Explorer on a PC only the top of the page will download and the rest of the site is invisible. Does anyone know why this is? I am using iWeb version 1.1.2 and have created both sites on my iMac which is running OS X 10.4.9 if this helps?
I hope someone out there can help? I can give you the website addresses if you need further info?

Due to my customer's most common setup I had to address these IE6 issues as well. Some background may illustrate the problems. Not only has IE6 difficulties with .png, but as well for example with lists (in case you use them, they are an undocumented feature of iWeb and somehat buggy), and more. To solve some of the .png issues iWeb spends some code utilizing "Active Script". That drives IE6 to render the page almost completely, and then the script will fix some of the ugly behavior. You can check that by your elements to navigate on top of your pages (these unfortunatley become .png) within IE6, or with the buttons to start a slideshow.
What I found on your first page: Move the cursor over it, it turns to be a senstive area to start the user's mail program to send a mail to info@... - try to remove that first.
Even more, there are a lot of setups of IE6 where "Active Script" is forbidden (in banks, insurances companies etc.). Ever tried to force a large organizition to migrate to IE7? Or to allow Active Script, let's say for 30.000 users? You'll get the impact...
So here is what I did to obtain some compatibility with IE6:
Installed IE6 on Paralles.
Switched "Active Script" to "Never".
Now you can check what is going on
In my pages:
Reengineered every element to navigate manually - no iWeb automatism, switched them all to off with iWeb's inspector
Reconstructed every picture to the size they should be /outside/ of iWeb, using Graphics Converter
Removed every frame from all text elements in iWeb
Switched to web and windows compatible fonts (e.g. Courier to Courier New)
Checked every page to contain plain text instead of graphic - click into the rendered page and try to drag: Does the the whole block move? Then you are on the wrong way
Removed every formatting attribute from the text: Alignment, Highth etc.
The only element I couldn't cover is the button for the slideshow - but I've read somewhere else that you can define an object and associate that with a link directly to the script on your server which iWeb puts there. But of course that does not help in case where your favorite visitors are cut off from using Active Script completely.
Good Luck!
Kai Schwarzer
MacBook Pro C2D 2,33 15 Mac OS X (10.4.9)

Top tags are funny

"UI / Spacing / options / Downgrade / new UI / versions / help / Accessibility / autoformat / forced upgrade / not responding / update / Freezing / Windows 7 / problem / crash / bug / chat / contacts / lag / 6.22 / desktop / files / timezones / uninstall / forced updates / Windows / error / group chat / broken"
You know you're doing a good job when almost all of your forum top tags summate to "This is terrible".
Nobody wants the new skype, everyone hates the new skype, but we're probably never getting a reversion to a competant version. To top this off, if I recall right all the various sites that would've held archived versions have been forced to take their old versions down.
All I'm hearing out of mods is "Some people don't like this feature", implying that there are actually people that enjoy this horrifying experience they're putting us through. Can anyone actually find me a thread praising any of the changes the mods are pretending some people like?

The source for your embedded images is "C:\Documents and Settings\Administrator\Desktop\Vish\NI\Disappeared.PNG" Only you have access to that file.
If you want to embed the images.
1. Post the message with the images attached. (Which you did.)
2. Click the editmessage link under the Options drop down to edit the message. (You have to do this within 10 minutes of first posting.)
3. Right click on the attachments and select properties. Copy the address which will point to a location on the NI website (not your hard drive.)
In your case, one is http://forums.ni.com/attachments/ni/130/4399/2/Appeared.PNG
4. Go to the spot in the message where you want to insert the image. Click the image button.
5. Paste the address into the pop up dialog.
6. Repeat for all of the images you want to embed.
Now when you post, you and everyone else will be able to see the images rather than just you.
Here is disappeared as linked to your attachment:
And appeared:
Message Edited by Ravens Fan on 04-08-2008 09:16 PM

PNG Transparency Fix for IE6

Hope somone can help with this. Basically I have a PNG image with a transparancy to sit over a gradient background, like this :
http://www.hpwebdesign.co.uk/mklink/index102.shtml
The little graphics next to campaign metrics are OK, but the main header image they sit in with the light blue gradient and hand graphic etc is not - the little areas around the curved corners should be transparent but are not (in IE6).
I assume this is because that is a background image for the <div> being referenced in the CSS, rather than dropped into the page directly.
So I guess my question is can this be overcome?
Thanks.

IE 6 doesn't support transparent PNGs natively. You will either have to resort to Javascript hacks to force IE 6 to render it correctly (although these do not work for repeated background images in CSS), use a lowest common denominator image format (GIF), or use conditional commenting to give IE 6 it's own stylesheet with it's own image to get something somewhat like what the other browsers will see.
Or just not worry what IE 6 sees as long as your site content is accessible and usable.

Spry submenus disappear on hover with jquery in IE6 only

Help: I thought I had everything working perfectly until trying this site in IE6:
www.fstflorian.com/biolabs.html
Things work perfectly in firefox 3, 3.5, IE7, google chrome, and IE8. IE6 causes the menu to disappear on rollover. I've worked on this for probably 10 hours since discovering the problem, adjusting z-index, etc etc to no avail, so I thought I would ask the experts. The problem does not exist when jquery / supersized is not running. I also discovered that changing from absolute positioning in the standard spry IE hack area begins to change whether/not the submenus disappear but the menu arrangement turns into a huge mess.
I know my syntax isn't perfect... just trying to make things fully operational (site has gone live at least in limited function to meet deadline). Later I will look for help on cleaning things up a bit.
Thank you!

Moderators: Could you please remove this; it looks like I posted in the right place afterall. I don't see a way to delete.
Duplicate post is located here: http://forums.adobe.com/thread/516522?tstart=0
Very sorry for this.

Png transparency issues in IE6

I've had an absolutely lovely time today trying to make my
header logo (a transparent .png) display correctly in IE6. I guess
I might be better off giving up on it, but at this point I don't
want to let go of it (plus I'd like the page to look better). I
used the pngfix.js fix from
Bob
Osala's site. I put the JavaScript in the same folder as my
template, and followed the instructions given on the site.
When I check the template page in IE6 it looks just fine, but
when I check the web pages using the template, the logo displays
with the dreaded bluish gray background. Here's what my test page
looks like:
Feed-back.com test
page
IE6 doesn't even see the code. I obviously don't understand
how this works. Anybody have any thoughts or suggestions?
Thanks,
Dana

Dana,
Your page is looking for the pngfix.js here but it's not
there.
http://feed-back.com/pngfix.js
I typically place my scripts into a folder called Scripts. So
my code would
look like this:

Also, just so you know, pngfix.js doesn't work on background
images.
HTH,
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"danaclaire" <[email protected]> wrote in
message
news:g3kgp3$i7b$[email protected]..
> I've had an absolutely lovely time today trying to make
my header logo (a
> transparent .png) display correctly in IE6. I guess I
might be better off
> giving up on it, but at this point I don't want to let
go of it (plus I'd
like
> the page to look better). I used the pngfix.js fix from
>
http://homepage.ntlworld.com/bobosola/pnghowto.htm.
I put the JavaScript
in the
> same folder as my template, and followed the
instructions given on the
site.
>
> When I check the template page in IE6 it looks just
fine, but when I
check the
> web pages using the template, the logo displays with the
dreaded bluish
gray
> background. Here's what my test page looks like:
>
http://feed-back.com/consulting_temp.html
>
> IE6 doesn't even see the code. I obviously don't
understand how this
works.
> Anybody have any thoughts or suggestions?
> Thanks,
> Dana
>

IE6 PNG Problem and IE Alignment

http://www.jdcdemo.com/blf/index.html
The PNG people image, processed in PSCS3 with transparent BG
looks as expected in FF, but IE6 adds a blue background. I still
have the original psd image with a layer mask to make the
transparency, so I can go back to square one with the image if
necessary. Is this an IE6 thing or have I done something wrong.
Also the headline table is a bit higher than the side bar to the
right and I have not been able to fix that. I am transitioning from
GLCS2 to DWCS3 and this is my first serious endeavor with DW.
Thanks in advance,
Joe
PS: The help I've been getting on this board is
grrrrrrrrrrrrreat!

It is an IE problem. 6 & lower do not support PNG 24-bit
transparency. You
can make it work. There are several workarounds. This seems
to be the most
popular:
http://www.twinhelix.com/css/iepngfix/
Walt
"camelbreath" <[email protected]> wrote in
message
news:fpd8gd$pvg$[email protected]..
>
http://www.jdcdemo.com/blf/index.html
> The PNG people image, processed in PSCS3 with
transparent BG looks as
> expected
> in FF, but IE6 adds a blue background. I still have the
original psd image
> with
> a layer mask to make the transparency, so I can go back
to square one with
> the
> image if necessary. Is this an IE6 thing or have I done
something wrong.
> Also
> the headline table is a bit higher than the side bar to
the right and I
> have
> not been able to fix that. I am transitioning from GLCS2
to DWCS3 and this
> is
> my first serious endeavor with DW.
> Thanks in advance,
> Joe
> PS: The help I've been getting on this board is
grrrrrrrrrrrrreat!
>

PNG images disappear when linked from FM

I am testing the Technical Communication Suite 4. My images are mostly JPGs, and they transfer correctly when I update Robohelp from a linked FrameMaker file. However, I have found that PNG images in the FrameMaker file simply disappear from the update. They don't appear in the Robohelp topic. There is no trace of them in the HTML code view in Robohelp either.
Have others had this experience? Is there a solution?
I am told PNGs are preferable to JPGs in some cases because they load faster on the target device (an iPad, in the case I was told about).

Frankly, I forget because I don't have images in my content. If you don't have a copy of FM8 Fundamentals at hand, try checking the scriptorium.com KB for the info.

IE6 problems with PNG files (no, not transparency)

For some reason, although all the images seem to appear just
fine, IE6 keeps
acting like it can't finish loading the two PNG files on the
page. It just
hangs at the last byte, it seems. I can leave the browser for
an hour and
I'll still come back to a status bar indicating 1 file
remaining, *.png
(even though that file is visible and fully loaded
on-screen).
http://www.vilverset.com/mark.html
It's like IE6 can't "close the connection" on PNG files once
it's opened for
download.
It more than likely has something to do with the attached
pngfix.js file to
enable alpha channel filtering in IE6. But since Murray
recommended this
specific fix, I won't go out looking for another one. There
might just be a
typo somewhere causing this.
Thanks.

InDesignSecrets » Blog Archive » Eliminating YDB (Yucky Discolored Box) Syndrome
And .png isn't really a print format...

Disappearing png in IE6

Similar Messages

Maybe you are looking for