CSS - Prosilver - Site-Logo

[bce]

habe als site-logo eine transparente png-grafik, die im ie6 mies angezeigt wird.

möchte nun ändern, dass standard die png angezeigt wird aber im ie6 eine andere datei z.b. gif.


das logo wird ja in der overall_header mittels eingebunden:

Code: Alles auswählen

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Code: Alles auswählen

{SITE_LOGO_IMG}

geändert in

Code: Alles auswählen

 

in der common.css

habe ich dann

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

geändert in

Code: Alles auswählen

#logo {
	float: left;
	padding: 10px 13px 0 10px;
	background-image: url("{T_IMAGESET_PATH}/logo_prosilver.png"); 
	background-repeat:no-repeat;
	background-position:10px 5px;
	height:52px;
	width:567px;
}

wie kann ich nun prüfen ob es der ie6 ist?

mittels

Code: Alles auswählen

#logo {
	float: left;
	padding: 10px 13px 0 10px;
	background-image: url("{T_IMAGESET_PATH}/logo_prosilver.png"); 
	background-repeat:no-repeat;
	background-position:10px 5px;
	height:52px;
	width:567px;

<!--[if IE 6]>
	background-image: url("{T_IMAGESET_PATH}/site_logo.gif"); 
<![endif]-->
}

funktioniert es nicht.

jemand ne idee?

[bce]

nicht in der css datei sondern in der overall-header vor

Code: Alles auswählen

</head>

hab ich folgendes rein:

Code: Alles auswählen

<!--[if lte IE 6]>
<style type="text/css">
#logo {
    background-image: url("{T_IMAGESET_PATH}/site_logo.gif"); 
}
</style>
<![endif]-->

funzt nun!