Background-image funktioniert nicht bei externer CSS-Datei

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

Autor dieses Themas

12:33, 2.11.2010

Hallo Leute,

ich habe ein Problem :-D

Und zwar, ich habe eine externe CSS Datei eingebunden und alles funktioniert, außer, wenn man ein Hintergrundbild (background oder background-image) einfügen möchte. Sonst funktioniert das immer o.O Alles, was ich versucht habe, scheiterte.

Hier ist mal der Head-Bereich von der Index Datei:

<head>
<meta name="keywords" content="Hubbe, Huibbe" \>
<meta name="description" content="234" \>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="robots" content="index,follow" />
<meta name="rating" content="general" />
<meta http-equiv="content-language" content="de" \>

<meta name="author" content="45" \>
<meta name="copyright" content="copyright" \>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="grunddesign.css" />
<link rel="stylesheet" type="text/css" href="index.css" />      

<script type="text/javascript" src="bbcode.js"></script>

<title>23	  </title>

</head>

So sieht der Quelltext von grunddesign.css:

body { 
        background-color: #bdbdbd;
        background-repeat: no-repeat;
        text-align: center;
}
div { 
        width: 798px;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        background-repeat: no-repeat;
        text-align: left;
}
table { 
        width: 798px;
        background-repeat: no-repeat;
        text-align: center;
}
#banner { 
        height: 120px;
        width: 800px;
        background: url ('images/datei1');
        background-repeat: no-repeat;
}
#navi { 
        height: 25px;
        width: 800px;
        margin-bottom: 20px;
        background: url ('images/datei18');
        background-repeat: repeat-x;
        text-align: center;
}
#navi table { 
}
a:link { 
        color: black;
        text-decoration: none;
}
a:hover { 
        color: #282828;
        text-decoration: none;
}
a:active { 
}
a:visited { 
        color: black;
        text-decoration: none;
}
a:visited:hover { 
        color: #282828;
        text-decoration: none;
}
a:focus { 
        color: black;
        text-decoration: none;
}

Auch wenn die Hintergrunddatei eine JPG-Datei ist, dann funktioniert es auch nicht. Das Bild kann ich auch ohne Probleme am Browser anzeigen, wenn ich die URL davon aufrufe.

Hätte jemand vieleicht Rat? :)

Vielen Dank!

Grüße

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

simuliertes hat kostenlosen Webspace.

12:42, 2.11.2010
Einfache Lösung/Erklärung:
nimm das Leerzeichen zwischen url und ( weg.
ff zumindest reagiert so sauer auf diesen "Fehler" das er das Bild nicht anzeigt

Edit:
Das Deine Bild-Dateien allerdings keinen mime-tip (jpg/gif/png usw) haben ist ein bisschen bedenklich, ich bin mir nicht sicher ob jeder Browser damit umgehen kann.
Oder war's nur als beispiel?

Beitrag zuletzt geändert: 2.11.2010 12:46:47 von simuliertes
Autor dieses Themas
showpage

showpage hat kostenlosen Webspace.

13:17, 2.11.2010
Es funktioniert :)

Vielen Dank!

Grüße
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city