Pixelmeister: Problem mit Bildern

Guten Abend liebe Community!

Ich habe da so ein großes Problem mit meiner Page.
Leider finde ich den Fehler nicht.

Fast alle Browser zeigen die Bilder auf der Seite nicht an.
Safari 4.0 auf meinem Mac aber macht es richtig. Nur die anderen
Browser nicht.

Hier ein paar Beispiele: Bild1, Bild2

und so sieht das in allen Browsern aus.
Bild3 so sollte es aussehen.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Logistik-Weserbergland | Startseite</title>  
<link href="style/styles.css" rel="stylesheet" type="text/css">  
</head>  
  
<body>  
 	<div id="container">  
      <div id="header">  
      	<!-- end #header --></div>  
  
        <img src="Bilder/picture_12.png" style="width: 566px; height: 45px; margin-bottom: -21px;" />  
        <div id="button">  
        <ul id="menu">  
        <li>Startseite</li>  
        <li>Startseite</li>  
        </ul>  
        <!-- end #button --></div>  
      	<div id="main">  
        <h1>Hallo Welt!</h1>  
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>  
<p>  
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>  
<p>  
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>  
		<!-- end #main --></div>  
  
        <div id="fooder">  
        <!-- end #fooder --></div>  
  
       <!-- end #container --></div>  
    </body>  
</html>  

CSS:

@charset "UTF-8";  
body {  
		background-color: #FFF;  
		text-align: center;  
}  
  
#container {  
		width: 580px;  
		margin: auto;  
		text-align: left;  
}  
  
#header {  
		background-image: url(../Bilder/picture_03.png);  
		background-repeat: no-repeat;  
		width: 567px;  
		height: 114px;  
}  
  
#button {  
		margin-left: -145px;  
		margin-top: 0;  
		float: left;  
}  
  
#menu {  
		padding-left: 0;  
		text-align: center;  
}  
	  
#menu li {  
		background-image: url(../Bilder/picture_07.png);  
		padding-top: 5px;  
		padding-bottom: 5px;  
		text-decoration: none;  
		list-style-type: none;  
		width: 145px;  
}	  
  
#main {  
		background-image: url(../Bilder/picture_13.png);  
		width: 566px;  
		min-height: 580px;  
		height: 580px;  
}  
  
#fooder {  
		background-image: url(../Bilder/picture_14.png);  
		margin-top: -16px;  
		width: 566px;  
		min-height: 44px;  
		height: 44px;  
}

Mit freundlichen Grüßen

Pixelmeister

  1. @@Pixelmeister:

    nuqneH

    Ich habe da so ein großes Problem mit meiner Page.

    Dann zeige sie!

    Leider finde ich den Fehler nicht.

    Ich auch nicht. Ich begebe mich auch gar nicht erst auf die Suche, denn ich habe keine Lust, dein Problem nachzubauen. Und schon gar nicht, wenn Bilder im Spiel sind, die ich erst erstellen müsste.

    Qapla'

    --
    Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
  2. Hi,

    Fast alle Browser zeigen die Bilder auf der Seite nicht an.

    Kein Wunder - so wie's aussieht, liefert dein Server gar keine Daten aus. (Wobei er seltsamerweise aber zumindest eine Content-Length-Angabe in den HTTP-Headern macht.)

    Safari 4.0 auf meinem Mac aber macht es richtig. Nur die anderen
    Browser nicht.

    Die anderen Browser haben keine Chance, irgendetwas anzuzeigen, wenn dein Server ihnen keine Daten liefert.
    Mein Safari zeigt genauso wenig an, wie die anderen Testbrowser.

    Also spielt dir entweder der Cache deines Safari einen Streich (in dem er eine alte Version der Bildressourcen, bei denen der Server noch etwas vernünftiges geliefert hat, anzeigt) - oder dein Server reagiert auf Anfragen unterschiedlicher Clients aus irgendeinem Grund unterschiedlich.

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
  3. Hallo Pixelmeister,

    das naechste Mal poste lieber direkt die Url zu deiner Seite, die meisten Forumsteilnehmer kriegen das mit den verschiedenen Browsern schon selber hin. Abgesehen davon kann man anhand eines Bildes nur extrem selten erkennen, was schief geht.

    Zu deinem Problem: Versuche mal, z. B. das Bild http://logistik-weserbergland.de/Logistik-Weserbergland/Bilder/picture_12.png herunterzuladen und e.g. in Irfanview zu oeffnen. Dann wirst Du sehen, dass dieses Bild gar kein png ist.

    Speichere das Bild (und vermutlich auch die anderen) korrekt als png ab und lade es nochmal hoch.

    Viel Erfolg

    Claudia

    1. Speichere das Bild (und vermutlich auch die anderen) korrekt als png ab und lade es nochmal hoch.

      Danke dir! Dieser Vorschlag hat bestens funktioniert!

      Aus welchem Grund auch immer waren die png Bilder keine png Bilder! Komisch aber war so. Habe sie mit "Vorschau" geöffnet und neu als png abgespeichert. Jetzt geht alles. Danke!

      Gruß

      Pixelmeister