Hintergrundbild mit CSS

Dieses Thema im Forum "Web Page Design" wurde erstellt von LuckyWombat, 22.08.2006.

  1. LuckyWombat

    LuckyWombat Thread Starter MacUser Mitglied

    Beiträge:
    26
    Zustimmungen:
    0
    MacUser seit:
    07.08.2005
    Hallo an alle!

    Ich habe ein Problem mit meinem CSS-Layout.

    Ich möchte ein Hintergrundbild für eine Seite festlegen und das mache ich mit
    HTML:
    body {
      background-image: url(../images/bg.gif);
      background-repeat: no-repeat;
    }
    
    Soviel zum CSS-Code. Hier ist das HTML-Gerüst:
    HTML:
    <?xml version="1.0" ?>
    <!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>
    <title>Eine Überschrift</title>
    <link rel="stylesheet" type="text/css" href="style/format.css">
    </head>
    <body>
    
    	<h1>Eine Überschrift</h1>
    	<p>
    		Das ist der Inhalt:
    	</p>
    	<p>
    		<a href="#" target="_self">1. Thema</a>
    		<br />
    		<a href="#" target="_self">2. Thema</a>
    		<br />
    		<a href="#" target="_self">3. Thema</a>
    		<br />
    		<a href="#" target="_self">4. Thema</a>
    		<br />
    		<a href="#" target="_self">5. Thema</a>
    	</p>
    
    </body>
    </html>
    
    Der Aufbau ist wie folgt:
    Web-Sites ----
    ---- style​
    ---- format.css
    ---- images ​
    ---- bg.gif
    index.htm​


    Da ich vermutete, dass der Pfad zum Bild falsch angegeben ist, habe ich, um das zu testen, das Bild 'bg.gif' in das root-Verzeichnis des Webservers verschoben (Web-Sites) und in der CSS-Datei 'background-image: url(bg.gif);' angegeben. Das half aber auch nicht, das Bild wurde nach wie vor nicht angezeigt.

    Ich habe das Bild mal spasseshalber in der index.htm mit '<img src="images/bg.gif" ... /> eingebunden und dann wird das Hintergrundbild angezeigt. Ich finde den Fehler nicht.

    Kann mir jemand von Euch bitte behilflich sein?

    Vielen Dank schon mal und viele Grüsse,
    LuckyWombat
     
  2. no_n@me

    no_n@me MacUser Mitglied

    Beiträge:
    734
    Zustimmungen:
    1
    MacUser seit:
    20.03.2006
    Bei mir wird der Hintergrund angezeigt, wenn ich deinen Code kopiere… :confused:

    [DLMURL="http://img520.imageshack.us/img520/2599/bild2dj8.jpg"][​IMG][/DLMURL]
     
  3. LuckyWombat

    LuckyWombat Thread Starter MacUser Mitglied

    Beiträge:
    26
    Zustimmungen:
    0
    MacUser seit:
    07.08.2005
    Hmm. Ich hatte auch schon die Vermutung, dass es an Safari liegen könnte und er die Seite aus dem Cache lädt. Um sicher zu gehen, habe ich den Cache geleert und die Seite neu geladen. Das Hintergrundbild wurde immer noch nicht geladen. Mit Flock und Firefox auch nicht. :(

    Ich war mir eigentlich auch ziemlich sicher, dass der Code richtig ist, nur manchmal sieht man ja Rechtschreibfehler nicht, selbst wenn man danach sucht. Merkwürdig ...

    Vielen Dank für Deine Hilfe!

    Viele Grüsse,
    LuckyWombat
     
  4. no_n@me

    no_n@me MacUser Mitglied

    Beiträge:
    734
    Zustimmungen:
    1
    MacUser seit:
    20.03.2006
    Ich hab deinen Code aber ja 1 zu 1 übernommen (bis auf daß ich die Umlaute geändert habe).
    CSS-Datei liegt im Ordner style, Hintergrund im Ordner images.
     
  5. Arioch

    Arioch MacUser Mitglied

    Beiträge:
    715
    Zustimmungen:
    13
    MacUser seit:
    15.11.2004
    Ohne es getestet zu haben:
    Hast du mal die Variante 'strict' im Doctype verwendet?
     
  6. pichfl

    pichfl MacUser Mitglied

    Beiträge:
    134
    Zustimmungen:
    2
    MacUser seit:
    03.08.2005
    2 dinge die ich überprüfen würde:

    1. xml-declaration weglassen
    2. die Bilddatei überprüfen.
     
  7. LuckyWombat

    LuckyWombat Thread Starter MacUser Mitglied

    Beiträge:
    26
    Zustimmungen:
    0
    MacUser seit:
    07.08.2005
    Vielen Dank für Eure Mühe und es ist mir jetzt schon peinlich es sagen zu müssen: Die Bilddatei liegt im Ordner styles und in meiner Datei steht style. Das konnte natürlich niemandem auffallen, da ich es auch in der Verzeichnisstruktur falsch angegeben habe.

    Das Stylesheet hatte somit natürlich keine Wirkung, was mir aber natürlich nicht aufgefallen ist, da ausser dem Hintergrundbild noch nichts definiert war.

    Nachdem ich also nun das fehlende 's' hinzugefügt habe, funktioniert es, wie gewohnt, bestens.

    Vielen Dank noch mal für Eure Mühe.

    Viele Grüsse,
    LuckyWombat
     
  8. no_n@me

    no_n@me MacUser Mitglied

    Beiträge:
    734
    Zustimmungen:
    1
    MacUser seit:
    20.03.2006
    Nee, in deiner Datei steht, daß das Bild im Ordner images liegt. ;)
     
  9. LuckyWombat

    LuckyWombat Thread Starter MacUser Mitglied

    Beiträge:
    26
    Zustimmungen:
    0
    MacUser seit:
    07.08.2005
    Ja, ja. Entschuldigung. Bei der Eile ... :o

    Ich meinte natürlich das Stylesheet, nicht die Bilddatei. Das Stylesheet war für die HTML-Datei nicht auffindbar und deshalb funktionierte es nicht.

    Viele Grüsse,
    LuckyWombat
     
Die Seite wird geladen...
Ähnliche Themen - Hintergrundbild CSS
  1. robert170
    Antworten:
    0
    Aufrufe:
    1.005
    robert170
    18.07.2010
  2. hjeuck
    Antworten:
    3
    Aufrufe:
    996
    falkgottschalk
    05.12.2009
  3. StruppiMac
    Antworten:
    3
    Aufrufe:
    593
    StruppiMac
    04.06.2007
  4. evamaria
    Antworten:
    3
    Aufrufe:
    727
    apple][c
    24.08.2006
  5. DariaBoy001
    Antworten:
    10
    Aufrufe:
    850
    DariaBoy001
    27.03.2006