Probleme in CSS und HTML

04.12.2011, 21:22

Hey Leute,

ich versuche gerade mir eine Seite für meine Fanpage bei Facebook zu basteln, stoße aber mit meinem Schulkönnen an meine Grenzen.

Mir wird mein Hintergrundbild einfach nicht angezeigt. Im WWW habe ich auch nichts gefunden, was mein Problem jetzt behebt.

Quellcode von der CSS Datei:

Code:

#body
    {
     text-align: center;  /* Zentrierung Internet Explorer */
    }
#seitebereich
    {
     text-align: center;  /* Text mittig */
     margin: 0 auto;      /* Zentrierung andere Browser */
     width:510px;         /* Seitenbreite */
    }
    {
     background-image: url(images/Hintergrund.jpg); /* Hintergrundbild */
     width: 510px;                                  /* Breite */
     height: 800px;                                 /* Höhe */
     background-repeat: no-repeat;                  /* Wiederholung */
    }

HTML Code:

HTML-Code:

<!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" xml:lang="de" lang="de">

    <head>
        <title>Willkommen</title>

        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <meta name="description" content="Willkommenseite" />
        <meta name="author" content="Tim " />
        <meta name="keywords" content="" />

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

    <body id="body">
        <div id="seitenbereich">

        </div>
    </body>
</html>

Was mache ich falsch? Das Image liegt aber auch im Image Ordner von dem ganzem Projekt. Wenns wichtig ist, ich nutze zum schreiben Scriptly.

04.12.2011, 22:00

In der CSS Datei steht "seitebereich", jedoch ist die ID "seitenbereich"!

Warum gibst du dem Body eine ID? Der braucht keine, schreib in der CSS einfach nur "body" ohne # und es funktioniert ebenso.