Hintergrundbild per css einbinden

Deacon Frost · 07.08.2002, 17:19

Hi,

ich habe ein externes CSS-File und möchte ein HG-Bild einbinden.

body,td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; Background-Image:url(../images/bg.gif); Background-Repeat: no-repeat; }

Der Pfad stimmt, hab auch schon probiert nur bg.gif einzutragen und das File in den css-Ordner mit reinkopiert.

Naja, auf jeden Fall funktionierts nicht....kein Bild zu sehen...

webmichl · 07.08.2002, 17:28

Sollte aber eigentlich. Ich hab mir den Code mal lokal kopiert - hier funktionierts. Das Einzige, was ich geändert habe, wa die Image-Adresse...

Ach so - extern: da gibt's ein Durcheinander mit den relativen Pfaden. Entweder muß der Image-Pfad relativ zum css- oder zum HTML-Pfad angegeben werden- ich weiß es nimmer genau. Tausch mal das Eine gegen das Andere aus...

Boris · 07.08.2002, 17:30

Was Du beachten solltest - Netscape 4.x kapiert das nur, wenn Du das CSS nicht extern einbindest, sondern in der HTML-Seite ...

Colin Schlüter · 07.08.2002, 17:31

Liegt denke ich am Browser... in welchem hast du das getestet?

Ich hatte mal das gleiche Problem und ich glaub der IE sucht das Bild relativ zum CSS-File und Netscape sucht relativ zur HTML-Seite oder umgekehrt - weiß ich nicht mehr ;-)

Lösungsvorschlag: Schreib nen absoluten URL hin:

Background-Image:url(http://domain/deinpfad/images/bg.gif);

Colin

Deacon Frost · 07.08.2002, 18:26

teste mit IE, das ganze läuft im Intranet, deswegen kenne ich den URL gar nicht

relativ zum CSS? wie würde das dann aussehen? Steh gerade auf dem Schlauch.

meine css-Datei liegt im Ordner /css und die Bilder im Ordner /images

webmichl · 07.08.2002, 20:54

Zitat:

und ich glaub der IE sucht das Bild relativ zum CSS-File und Netscape sucht relativ zur HTML-Seite oder umgekehrt

@Colin: Yup, das habe ich auch so in Erinnerung...

@Deacon: Dann setz den Pfad doch mal auf background-image:url(/images/bg.gif)

Deacon Frost · 08.08.2002, 11:38

geht auch nicht....

Boris · 08.08.2002, 11:52

Glaubt mir einfach - es geht nicht extern. Binde es mit einem ganz normalen Tag im Dokument selbst sein, z.B.

<style type="text/css">
<!--
/* Netscape 4.x CSS-Fix

*/
.rahmenlinks {background-image: url(../../pix/main/linie_l.gif); background-color: #FCFDFA;}
.rahmenrechts {background-image: url(../../pix/main/linie_r.gif); background-color: #FCFDFA;}
-->
</style>

Deacon Frost · 08.08.2002, 13:59

Du hast das doch nur aus NS bezogen, ich benutze doch aber IE

Boris · 08.08.2002, 14:11

Hä? Sorry, verstehe ich jetzt nicht ...

Wenn Du das so definierst wie in meinem Beispiel, funktioniert es mit allen Browsern, inklusive Netscape ...

Deacon Frost · 08.08.2002, 14:12

Zitat:

Original geschrieben von Adagio
Was Du beachten solltest - Netscape 4.x kapiert das nur, wenn Du das CSS nicht extern einbindest, sondern in der HTML-Seite ...

das bedeutet doch, dass es im IE mit externen css geht...?!

webmichl · 08.08.2002, 14:16

OK, konzentrieren wir uns auf den IE.

Ich hab's mal kurz getestet:

HTML-File:
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="/CSS/style.ss">
</head>
<body></body></html>

Stylesheet-Datei:

body {background-image:url("F:/daten/programm/bilder/background.jpg")}

Bei mir geht's...