.png mit transparenz gekachelt, als hintergrundbild

chris-gast

hoi,
habe ein kleines-grosses Problem, ich arbeite grad an eine homepage, die im hintergrund eine png grafik hat. Diese wird auf der y-achse gekachelt und dient dem Content-Bereich als Bg.

Nun wie ihr wahrscheinlich wisst, erkennt der IE unter 7 nicht von alleine die Transparenz und man muss mit einem Fix nachhelfen. Das hab ich auch gemacht, jedoch sind alle fixes nicht fähig gekachelte pngs richtig darzustellen.

Habe bisher versucht es auf folgender weise zu lösen, indem ich eine weitere externe css für den IE angelegt habe, mit folgendem inhalt:

Code

#content {
background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.beatles-collector.de/templates/wds_xtreme/images/content_bg.png');
background-repeat:repeat-y;
}

und dann folgendes in der index.php, an betroffener stelle:

PHP

<div id="content" style="background-image:url(templates/wds_xtreme/images/content_bg.png); background-repeat:repeat-y;"><div style="margin:0px 15px 0px 15px;"><?php include ("mainbody.php"); ?></div></div>

und hier noch de seite, um die es sich eigtl handelt:

http://www.beatles-collector.de

Hoffe das mir vllt jemand helfen kann, weil so will es einfach nicht funktionieren, aba ich glaube , ich hab da irgendwo ein kleinen fehler...Vielen vielen dank im vorraus

rapzitis

so habe mich nun auch hier angemeldet, also ich bin der "chris-gast"...

wollt eben sagen das die Seite jetzt unter http://www.beatles-collector.de/beatles zu erreichen ist.

-------------------------------------------------------------------

edit: Also hab den fehler jetzt erkannt. Er erkennt die transparenz der hintergrundgrafik...jedoch zeigt er darunter das hintergrundbild an, das von der eigtlichen css geladen wird. Da dort kein Filter-befehl ist, wird dabei die transparenz missachtet. Nur wie mach ich das, das er den befehl bei IE missachtet.

habe das jetzt so ohne externe css-datei gemachtvorläufig gemacht:

Code

<!--[if lt IE 7]> 
   <!--[if gte IE 5.500]>  

	<style type="text/css"> 		         
		#content { 
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/wds_xtreme/images/content_bg.png', sizingMethod='scale'); }
	</style>          
   <![endif]-->
<![endif]-->

der code der eigentlichen css, ist folgender:

Code

#content {
	background-image: url(http://www.beatles-collector.de/beatles/templates/wds_xtreme/images/content_bg.png);
	background-repeat:repeat-y;
	width: 643px;
}

dachte das diese if-abfrage, genau das bewirkt -.- Wär wirklich super wenn mir einer helfen kann.

Ronald

Du kannst in Stylesheets keine If-Abfragen machen, das

Code

<!--[if lt IE 7]>
   <!--[if gte IE 5.500]>

sind lediglich Kommentare, die kannst du auch stumpf weglöschen, denn sie haben keinerlei Funktion.

Ansonsten kann ich dir leider nicht viel weiterhelfen, da ich aus dem Sinn deiner PNG-Grafik irgendwie nicht schlau werde. Wenn ich es richtig sehe, dann ist es ein 643px lange und 1px hoher weißer Strich, welcher an den Enden ausgrauen soll. ich vermute mal. daß du damit die Schatten bei deiner Tabelle erzeugen willst?

Ich bin mir sicher, daß man das gewünschte Ziel viel einfacher erreichen kann. Wenn ich allerdings deinen wirren Quelltext , welchen Dreamweaver oder Frontpage wohl verbrochen hat, so lese, dann hab ich ehrlich gesagt keine große Lust mich in das Problem näher reinzulesen.

G.a.d.M.

Ronald

Tags