Mario: Hintergrundbild wird nicht angezeigt

SELF-Forum

Hintergrundbild wird nicht angezeigt

Mario
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich raste schier aus. Ich will für einen div Bereich ein Hintergrundbild anzeigen lassen, dieses will aber partout nicht erscheinen und ich habe keine Ahnung, wo der Fehler liegen kann. Die Pfade stimmen und die Grafiken sind auch vorhanden, das jpg wird angezeigt, nicht aber mein gif Hintergrund. Hat vielleicht jemand eine Ahnung, woran das liegen könnte?

viele Grüße,
Mario

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
</head>

<body>

<div id="kopfbereich">
<img src="bilder/kopf_hintergrund_wolken.jpg" id="hintergrund" width="500" height="152" alt="" />
hallo
</div>

</body>
</html>

Stylesheet:
body     {
                                 padding: 0px;
      margin: 0px;
                                 background-color: #FFFFFF;
                                 text-align: center;
                                 font-size: 10px;
    font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
                                 }

#kopfbereich    {
    position: relative;
      width: 770px;
      text-align: left;
      padding: 0px;
      margin: auto;
                                 background-color:#00E090;
                                 background-image: url("./bilder/logo.gif");
    }

#kopfbereich img   {
                                 position: absolute;
                                 top: 30px;
                                 left: 270px;
    }

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hintergrundbild wird nicht angezeigt

    Roman Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Guten Tag!

    ich raste schier aus.

    will ich auch manchmal ... hilft aber leider nich :))

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
    </head>

    <body>

    <div id="kopfbereich">

    <!-- hier nicht den hintergrund!!! -->

    hallo
    </div>

    </body>
    </html>

    Stylesheet:
    body     {
                                     padding: 0px;
          margin: 0px;
                                     background-color: #FFFFFF;
                                     text-align: center;
                                     font-size: 10px;
        font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
                                     }

    #kopfbereich    {
        position: relative;
          width: 770px;
          text-align: left;
          padding: 0px;
          margin: auto;
                                     background-color:#00E090;
                                     background-image: url("./bilder/logo.gif");                            <!-- hier den hintergrund definieren -->
        }

    .
    .
    .

    und nimm als bild vielleicht deine wolken...
    also:

    background-image:url(./bilder/kopf_hintergrund_wolken.jpg); <!-- ganz wichtg! KEINE GÄNSEFÜßCHEN!! -->

    ich würde sagen is nen flüchtigkeitsfehler .. hab ich auch oft genug :-))

    ich hoffe du kannst die änderungen erkennen

    LG´s aus der Region Hannover

    Roman

    --
    <!-- Dies ist die Signatur :-) -->
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln