manston: Hintergrundbild wird nicht angezeigt

Moin. Folgendes Problem. Mein Ts Viewer hintergrundbild wird nicht AUF DEM SERVER angezeigt aber wenn ich die index einfach so offline öffne ist das Hintergrundbild zu sehe, halt nur nicht wenn ich es auf dem Server spiel. Meine index.html Datei ist im gleichen Verzeichnis wie der Bilder Ordner.Habe auch den Bildnamen kopiert und im code eingefügt um Tipfehler zu vermeiden. das gleiche habe ich auch schon mit Java probiert und da besteht das gleiche Problem. fummel schon seid 3 Tagen dran rum und komm auf kein Grünen Zweig.

<!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>
	<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
	<title>{func:title}</title>

	{clansphere:navmeta}
	<link href="layout.css" rel="stylesheet" type="text/css" />
	<link href="clansphere.css" rel="stylesheet" type="text/css" />
	<link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
 [code lang=css]  <style type="text/css">
       body {
         background-color:#111;
         }
         .reture {
         background: #3498db;
         background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
         background-image: -moz-linear-gradient(top, #3498db, #2980b9);
         background-image: -ms-linear-gradient(top, #3498db, #2980b9);
         background-image: -o-linear-gradient(top, #3498db, #2980b9);
         background-image: linear-gradient(to bottom, #3498db, #2980b9);
         -webkit-border-radius: 8;
         -moz-border-radius: 8;
         border-radius: 8px;
         text-shadow: 1px 1px 3px #666666;
         font-family: Arial;
         color: #ffffff;
         font-size: 16px;
         padding: 10px 20px 10px 20px;
         text-decoration: none;
         }
         .reture:hover {
         background: #3cb0fd;
         background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
         background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
         background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
         background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
         background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
         text-decoration: none;
         }
         .retures {
         width: 100%;
         margin: 0 auto;
         margin-top:20px;
         text-align:center;
         }
         /* Slider auf linker Seite */
         .meinGame {
         position:fixed;
         left:-282px;                               /* Breite der Grafik minus dem was man sehen soll, als Miniswert */
         top:55px;                                  /* Ausrichtung vertikal */
         background-image: url();      /* Pfad zur Grafik */
         background-repeat:no-repeat;
         border:none;
         display: block;
         width: 330px;                                       /* Breite der Grafik */
         height: 572px;                                      /* Hoehe der Grafik */
         -webkit-transition:left 1s,-webkit-transform 1s;    /* left fuer Slider auf linker Seite */
         transition:left 1s,transform 1s;                    /* left fuer Slider auf linker Seite */
         }
         .meinGame:hover {
         left:0px;
         width:330px;                               /* Breite der Grafik */
         height:572px;                              /* Hoehe der Grafik */
         }
         .meinGame span {
         position:relative;
         float:left;
         top:18px;                                   /* Abstand Innenbereich von oben an der Grafik */
         left:22px;                                  /* Abstand Innenbereich von links an der Grafik */
         height:536px;                               /* Hoehe Innenbereich */
         width: 239px;                               /* Breite Innenbereich */
         color:#000;                                 /* Schriftfarbe fuer Inhalt */
         overflow-x:hidden;
         }
         /* Slider auf rechter Seite */
         .meinTS {
         position:fixed;
         right:-299px;                              /* Breite der Grafik minus dem was man sehen soll, als Miniswert */
         top:55px;                                  /* Ausrichtung vertikal */
         background-image: url(Bilder/Teamspeak3_rechts.png);        /* Pfad zur Grafik */
         background-repeat:no-repeat;
         border:none;
         display: block;
         width: 347px;                                        /* Breite der Grafik */
         height: 436px;                                       /* Hoehe der Grafik */
         -webkit-transition:right 1s,-webkit-transform 1s;    /* right fuer Slider auf rechter Seite */
         transition:right 1s,transform 1s;                    /* right fuer Slider auf rechter Seite */
         }
         .meinTS:hover {
         right:0px;
         width:347px;                               /* Breite der Grafik */
         height:436px;                              /* Hoehe der Grafik */
         }
         .meinTS span {
         position:relative;
         float:left;
         top:20px;                                   /* Abstand Innenbereich von oben an der Grafik */
         left:68px;                                  /* Abstand Innenbereich von links an der Grafik */
         height:400px;                               /* Hoehe Innenbereich */
         width: 258px;                               /* Breite Innenbereich */
         color:#000;                                 /* Schriftfarbe fuer Inhalt */
         overflow-x:hidden;
         }
  </style>


</head>

<body>

<div class="meinTS"><span><iframe src="http://teamspeak-viewer.4players.de/index.php/de/62.104.20.150:10149/ViewServer.html?usesimpleheader=1&viewertreeonly=1" scrolling="auto" style="width:170px;height:300px;"></iframe></span></div>

<div align="center">

<div id="main">

	<div id="banner">

<div class="ticker"></div>         </div>

	<div id="main_inner">
	
		<div id="left2">
		
			<div class="navi_left"><span class="Stil1">Main</span> Navigation</div>
			
			<div class="button_left"><a class="button" href="?mod=news&amp;action=recent">Neuigkeiten</a></div>
			<div class="button_left"><a class="button" href="?mod=gbook">Gaestebuch</a></div>
			<div class="button_left"><a class="button" href="?mod=search">Suche</a></div>
			<div class="button_left"><a class="button" href="?mod=board">Forum</a></div>
			
			<div class="navi_left"><span class="Stil1">Clan</span> Navigation</div>
			
			<div class="button_left"><a class="button" href="?mod=members&amp;action=teams">Sqauds</a></div>
			<div class="button_left"><a class="button" href="?mod=members">Mitglieder</a></div>
			<div class="button_left"><a class="button" href="?mod=wars">Clanwars</a></div>
			<div class="button_left"><a class="button" href="?mod=awards">Awards</a></div>
			<div class="button_left"><a class="button" href="?mod=history">History</a></div>
			<div class="button_left"><a class="button" href="?mod=rules">Regeln</a></div>
			
			
			<div class="navi_left"><span class="Stil1">S</span>ervice</div>
			
			<div class="button_left"><a class="button" href="?mod=events&amp;action=calendar">Events</a></div>
			<div class="button_left"><a class="button" href="?mod=servers">Server</a></div>
			<div class="button_left"><a class="button" href="?mod=users">Community</a></div>
			<div class="button_left"><a class="button" href="?mod=files">Downloads</a></div>
			<div class="button_left"><a class="button" href="?mod=links">Links</a></div>
			<div class="button_left"><a class="button" href="?mod=quotes">Quotes</a></div>
			<div class="button_left"><a class="button" href="?mod=faq">Faqs</a></div>
			<div class="button_left"><a class="button" href="?mod=articles">Artikel</a></div>
			<div class="button_left"><a class="button" href="?mod=gallery">Galerie</a></div>
			
			<div class="navi_left"><span class="Stil1">C</span>ontakt</div>
			
			<div class="button_left"><a class="button" href="?mod=joinus&amp;action=new">Joinus</a></div>
			<div class="button_left"><a class="button" href="?mod=fightus&amp;action=new">Fightus</a></div>
			<div class="button_left"><a class="button" href="?mod=contact&amp;action=mail">Mailus</a></div>
			<div class="button_left"><a class="button" href="?mod=contact&amp;action=imprint">Impressum</a></div>
			<div class="button_left"><a class="button" href="?mod=clansphere&amp;action=about">Scriptinfo</a></div>
			
			<div class="head_box_left"><span class="Stil1">E</span>vents</div>
			
			<div class="inner_frame_left">{events:navcal}</div>

<div align="left" class="footer_button_left"></div>

			<div class="head_box_left"><span class="Stil1">C</span>ounter</div>
			
			<div class="inner_frame_left">					
				
				<span style="float:left;"><a href="index.php?mod=count&amp;action=online">Online:</a></span><span style="float:right">{count:navone}</span><br />
				<span style="float:left;">Heute:</span><span style="float:right">{count:navday}</span><br />
				<span style="float:left;">Monat</span><span style="float:right">{count:navmon}</span><br />
				<span style="float:left;"><a href="index.php?mod=count&amp;action=stats">Gesamt:</a></span><span style="float:right">{count:navall}</span>					
			
			</div>

<div align="left" class="footer_button_left"></div>

		</div>

<div id="lastnews">             <div class="last_wars">{wars:navlist}</div>             <div class="next_wars">{wars:navnext}</div>             <div class="last_forum">{board:navlist}</div>           </div>              <div id="right2">

			<div class="head_button_right"><span class="Stil1">User</span> Login</div>
		
			<div align="left" class="inner_frame">{users:navlogin}</div>

<div align="left" class="footer_button_right"></div>

			<div class="head_button_right"><span class="Stil1">Last</span> News</div>
			
			<div align="left" class="inner_frame">{news:navlist}</div>

<div align="left" class="footer_button_right"></div>

	<div class="head_button_right"><span class="Stil1">User</span> Online</div>
			
			<div align="left" class="inner_frame">{users:navonline}</div>

<div align="left" class="footer_button_right"></div>

			<div class="head_button_right"><span class="Stil1">B</span>anner</div>
			
			<div class="inner_frame">{banners:navlist}</div>

<div align="left" class="footer_button_right"></div>

			<div class="head_button_right"><span class="Stil1">V</span>otes</div>
			
			<div align="left" class="inner_frame">{votes:navlist}</div>

<div align="left" class="footer_button_right"></div>

<div class="head_button_right"><span class="Stil1">S</span>houtbox</div>

			<div align="left" class="inner_frame">{shoutbox:navlist}</div>

<div align="left" class="footer_button_right"></div>

<div class="head_button_right"><span class="Stil1">S</span>houtbox</div>

			<div  class="inner_frame">{gallery:navlist}</div>

<div align="left" class="footer_button_right"></div>

	  </div>
		<div id="content">

<div class="content">{func:show}</div>             </div>

	<div id="footer"></div>

  </div>		
</div>

</div>

</body>

</html>[/code]

  1. @@manston:

    nuqneH

    Mein Ts Viewer hintergrundbild wird nicht AUF DEM SERVER angezeigt aber wenn ich die index einfach so offline öffne ist das Hintergrundbild zu sehe, halt nur nicht wenn ich es auf dem Server spiel.

    Blick in die Glaskugel: Das OS deines Servers ist case-sensitiv, das deines lokalen Rechners nicht.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Verwende den HTML5-DOCTYPE! <!DOCTYPE html>

    Ansonsten ist dein hier hingekippter Code nicht hilfreich. So, wie der Divitis und Klassitis krankt, wird einem doch nur schlecht davon. Online-Beispiel, bitte.

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)