PNG unter IE

mardusi · 28. August 2007

Hallo,

habe das Problem das der IE 6 transparente PNG nichtunterstützt und suche jetzt eine Lösung für dieses Problem

Page im Firefox >> http://www.tutorials.de/forum/attachments/coders-talk/33195d1188290334-page_firefox.jpg
Page im IE >> http://www.tutorials.de/forum/attachments/coders-talk/33196d1188290334-page_ie.jpg
Page im Opera >> http://www.tutorials.de/forum/attachments/coders-talk/33197d1188290334-page_opera.jpg

hoffe ihr könnt mir helfen

Maik · 28. August 2007

Hi,

Cross-browser semi-transparent backgrounds wird dir da sicherlich weiterhelfen.

mardusi · 30. August 2007

funktioniert leider immer noch nicht

snippet was ich jetzt erstellt hab

Code:

<td width="41" height="100" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/banner_bg.png'); background-image:url(images/banner_bg.png);">&nbsp;</td>
        <td width="459" height="100" background="/images/DTR_logo.png">&nbsp;</td>
        <td height="100" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/banner_bg.png'); background-image:url(images/banner_bg.png);">&nbsp;</td>
      </

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body {
	background: url(images/carbon_bg.gif);
	margin:0px;
}
.DTR_navi {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
	text-align: center;
	text-decoration: none;
	background: #544668;
}
.DTR_Balken {
	background: #5e5578;
}

.DTR_Navi_Middle {
	border-right: 1px solid #000000;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
}

.DTR_Navi_Links {
	border-right: 1px solid #000000;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
}
.DTR_Navi_Rechts {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
}
.DTR_Infobox {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	background: #8a869c;
}
.Copyright {
	font: italic normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #5E5578;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	text-transform: none;
}
.DTR_Footer {
	background: url(images/footer.png);
}
-->
</style>

</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1023"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="41" height="100" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/banner_bg.png'); background-image:url(images/banner_bg.png);">&nbsp;</td>
        <td width="459" height="100" background="http://www.tutorials.de/forum/images/DTR_logo.png">&nbsp;</td>
        <td height="100" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/banner_bg.png'); background-image:url(images/banner_bg.png);">&nbsp;</td>
      </tr>
    </table></td>
  </tr>

<?php //Navigation
include ('navigation.php');
?>

  <tr>
    <td height="15" class="Copyright">&nbsp;</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td width="120" height="600" class="DTR_Infobox"><img src="http://www.tutorials.de/forum/images/DTR_08.png" /></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td rowspan="2" class="DTR_Infobox"><?php
	// Abfrage Schleife für Contentbox
 
	$content = $_GET['content'];

 	if($content!="")
	 { 
  	include("$content.php"); 
	} 
	else
	{
	include("news.php");
	}
?></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td width="120" class="DTR_Infobox"><a href="http://www.flash.de" target="_blank"><img alt="OPEL SCENE FLASH. Unabhängiges Magazin für die Opel-Community." border="0" height="600" src="http://www.flash.de/html/de/assets/Assets/SERVICE/sky_120_end.gif" width="120" /></a></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
      </tr>
      <tr>
        <td width="120" class="DTR_Balken">&nbsp;</td>
        <td width="120" class="DTR_Balken">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td class="Copyright">&nbsp;</td>
  </tr>
  <tr>
    <td height="10" class="Copyright">::: &copy; 2007 Webdesign &amp; Programming by www.downtownraiderz.de ::: </td>
  </tr>
  <tr>
    <td height="10" class="DTR_Footer">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Maik · 30. August 2007

Hi,

du musst eine CSS-Browserweiche einsetzen, wie beispielsweise mit einem "Conditional Comment", um eine Fallunterscheidung zwischen dem IE6 und den übrigen Browsern vorzunehmen, und kannst nicht beide CSS-Regeln im style-Attribut angeben.

mardusi · 30. August 2007

Wenn ich das jetzt richtige verstehe auf der Seite

muss ich einmal ein CSS für IE und eines für Firefox erstellen

und dann in dem Style vom IE die extra funktion nutzen für png transparent ...

sollte ja kein größerer aufwand mehr werden

PNG unter IE

mardusi

Mitglied

Maik

mardusi

Mitglied

Maik

mardusi

Mitglied

Neue Beiträge