kostenloser Webspace werbefrei: lima-city

In .CSS festgelegte .JPG Datei wird falsch interpretiert

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   mukerbude

   

   mukerbude hat kostenlosen Webspace.

   21:50, 27.10.2014

   Zwei Browser, zwei Darstellungen, aber auf die skurile Art.
   
   Der Reihe nach.
   Ich benutze zwei verschiedene Browser. Der eine ist Chrom/Dragon der andere Opera.
   
   Unten rechts soll auf meiner Seite mukerbude.de "(c)Copyright S.I.S.Papenburg / www.on-mouseover.de/templates/" eine leicht angehobene BuchSeite dargestellt werden, um der Seite einen leichten BuchTouch zu verleihen.
   
   Das ist so realisiert:
   ---------------------------
   In der "index.html" wird sp2 aufgerufen.
   
   <td height="100%" id="sp2">
   ...
   </td>
   ---------------------------
   In der "format.css" wird die Datei ecke.jpg festgelegt.
   
   #sp2
   ...
   background-image: url(images/ecke.jpg);
   ...
   }
   ---------------------------
   Verzeichnis und DateiName sind korrekt, sowie Gross bzw. KleinSchreibung.
   Die Datei ecke.jpg hat einen schwarzen Hintergrund und wird in Opera auch richtig dargestellt.
   
   Chrom bzw. Dragon stellen die Ecke mit rotem Hintergrund dar. Der Hit ist, dass Chrom sogar die untere rechte Ecke mit rotem Hintergrund darstellt, wenn die Datei ecke.jpg garnicht vorhanden ist. Wirklich wahr.
   Ihr könnt ja leicht selber den Test machen.
   
   Jemand eine Idee?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. mein-wunschname

   mein-wunschname hat kostenlosen Webspace.

   23:37, 27.10.2014

   Also ich habe mir die genannte Website mal angesehen und konnte das von dir geschilderte Problem weder mit den aktuellen Firefox, Chrome noch Internet Explorer 11 entdecken.
   
   Gleichwohl habe ich auch noch mal eine Blick in den Quellcode deiner Startseite geworfen. Da fallen dann eine ganze reihe von HTML-Fehlern auf. Die sind dann oft die beste Grundlage für falsche Darstellungen (bzw. unterschiedliche, weil die verschiedenen Browser Fehler unterschiedlich tolerieren).
   Ein Beispiel
   In
   

   <table align="right" id="menu2" border="0" cellpadding="0" cellspacing="0">
   
   <td><a href="http://news.google.de">Google</a></td>
   <td><a href="index_navigation.html">Navigation</a></td>
   <td><a href="index_impressum.html">Impressum & Kontakt</a>
   <td><a href="http://www.peterskosmos.de">PetersKosmos</a></td>
   </tr>
   </table>

   fehlt ein <tr>, also richtig wäre
   

   <table align="right" id="menu2" border="0" cellpadding="0" cellspacing="0">
   <tr>
   <td><a href="http://news.google.de">Google</a></td>
   <td><a href="index_navigation.html">Navigation</a></td>
   <td><a href="index_impressum.html">Impressum & Kontakt</a>
   <td><a href="http://www.peterskosmos.de">PetersKosmos</a></td>
   </tr>
   </table>

   
   
   Auch
   

   <td class="fussb"><font size=-2 color=#bfbfbf>
   Ein Laden ohne Gesch&auml;ft mit Werten ohne Preis</td>
   </font>

   
   ist weitgehend sinnfrei, richtig wäre
   

   <td class="fussb">
     <font size=-2 color=#bfbfbf>
     Ein Laden ohne Gesch&auml;ft mit Werten ohne Preis
     </font>
   </td>

   
   Zu
   </ol> kurz vor Schluss fehlt der <ol>-Tag (oder ist ganz überflüssig)
   
   Das Ganze (ich meine die weiteren Macken) hier auseinanderzuklamüsern ist aber zeitaufwendig und behebt nicht das Grundproblem: die Verwendung von <table> als Basis für den Designaufbau.
   Ja, ich weiß, das Original von Papenburg hat auch Tabellen. Die Vorlagen von der Website kursieren immer noch im Netz, dadurch werden sie aber nicht besser.
   
   Eigentlich Zeit, mal mittelfristig über ein komplettes Redesign nachzudenken.
   
   
4. Autor dieses Themas

   mukerbude

   

   mukerbude hat kostenlosen Webspace.

   16:36, 28.10.2014

   @dein-wunschname,
   erstmal 1000 Dank für die Mühe die Du Dir gemacht hast :-)
   Werde die die von Dir gefundenen Fehler baldigst überarbeiten.
   Redesign ist ein wahres Wort, dass ich sehr ernst nehmen werde.
   
   Habe heute die Browser FireFox und IE9 installiert und beide zeigen einen schwarzen - also richtigen - Hintergrund an.
   
   Werde später mal testen, ob Chrom/Dragon auf meine FestPlatte zugreifen. Dort gibt es eine ecke_rot.jpg? Irgenwo muss die Datei doch herkommen.
   
   Gruss

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?