Viennamade: background-image wird nicht angezeigt (MAC, IE)

Hallo liebes Forum,

Ich habe HTML-Seite, die - reduziert auf das Problem - nur ein background-image innerhalb eines div anzeigt. Funktioniert unter Windows mit den neuesten Versionen von NN, IE, Opera + Mozilla. Am Mac auch mit NN 7.0.
Aber am MAC 9.1 mit IE 5.17 (5815) wird nichts angezeigt.
background-image gibts laut Selfhtml aber seit IE 3.0.

Bitte um Hilfe.
Viennamade

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Photonic</title>
</head>

<body>
<div id="book" style="background-image: url('HL_System_grauLin.gif');width: 581px; height: 420px;">
 <div id="menu">
 </div>
</div>
</body>
</html>

  1. Hallo,

    Aber am MAC 9.1 mit IE 5.17 (5815) wird nichts angezeigt.
    background-image gibts laut Selfhtml aber seit IE 3.0.

    Der Mac-IE hat mit Hintergrundbildern offenbar Probleme.
    Wurde mir auch schon gemeldet, z.B. fuer das Bild unten links auf
    http://www.morgain.ch/
    Dort sollte das Bild links in der Tabellenzelle stehen:
    td.impressumhp
      { color:#98FF98;
        background: #494949 url("../img/hg_unten_2d.jpg") no-repeat top left;
      }

    Mach Dir nichts draus. Ist halt ein Bug.
    Der Mac IE wird sowieso nicht mehr weiterentwickelt
    und stirbt hoffentlich eines Tages aus.

    Sorge dafuer, dass der Text auch ohne das
    Hintergrundbild gut lesbar ist, d.h. gib
    fuer den DIV Vorder- und Hintergrundfarbe an.
    Aber das solltest Du ja sowieso... ;-)

    mfg
    Thomas

    1. Hallo!

      Erstmals Danke für die Antwort.

      Mach Dir nichts draus. Ist halt ein Bug.

      gg, "Mach Dir nichts draus" ist gut, für mich ist dieser Bug dem Untergang des Abendlandes gleichzusetzen :-)

      Da gibts eine Seite mit background-image, die funktioniert auch am mac-ie: http://www.alistapart.com/d/imagemap/example2.html!

      Auf Basis dieser Seite habe ich eine 'pure CSS'-Seite mit der Funktionalität einer Imagemap gemacht ... Also zB. ein background-image "Aufrißzeichnung eines Flugzeugs" in weichem grau gezeichnet, fährt man mit der Maus über einen Flügel des Flugszeugs, dann wird ein background-image (mit schwarzer Tusche gezeichnet) mit nur diesem Flügel "drübergehovert" (weil hinter dem Flügel ein Verweis ist).

      Gibts einen Workaround für diesen Bug?
      Viennamade

      Der Mac IE wird sowieso nicht mehr weiterentwickelt
      und stirbt hoffentlich eines Tages aus.

      Sorge dafuer, dass der Text auch ohne das
      Hintergrundbild gut lesbar ist, d.h. gib
      fuer den DIV Vorder- und Hintergrundfarbe an.
      Aber das solltest Du ja sowieso... ;-)

      mfg
      Thomas

  2. Hi,

    <div id="book" style="background-image: url('HL_System_grauLin.gif');width: 581px; height: 420px;">

    schonmal versucht, die '' wegzulassen? und vielleicht (auch wenn ich mir kaum einen Effekt vorstellen könnte) die _?
    oder es mal mit background statt background-image versuchen.

    freundliche Grüße
    Ingo

    1. Hallo!

      <div id="book" style="background-image: url('HL_System_grauLin.gif');width: 581px; height: 420px;">

      schonmal versucht, die '' wegzulassen? und vielleicht (auch wenn ich mir kaum einen Effekt vorstellen könnte) die _?
      oder es mal mit background statt background-image versuchen.

      Stimmt, beim googeln hab ich gefunden:
         '' weglassen, bzw.
         "" zu verwenden, bzw.
         clip:rect()
      zu verwenden.

      Kann das alles leider erst morgen ausprobieren (mein Freund mit Mac macht schon blau ...).

      Beste Grüße
      Viennamade

    2. Hallo,

      <div id="book" style="background-image: url('HL_System_grauLin.gif');width: 581px; height: 420px;">

      schonmal versucht, die '' wegzulassen? und vielleicht ...

      Du hattest recht, die '' müssen weggelassen werden (für den Mac-IE).

      Danke
      Viennamade