• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Warum zeigt Firefox Mein Hintergrundbild nicht an ?

M

__max

Neues Mitglied
Hallo,

Ich bin neu hier, und hoffe auf Hilfe :)

Ich lerne gerade HTML und weiß einfach nicht warum Firefox meinen Background nicht nimmt... Beim Internet Explorer gehts Problemlos...Google hilft mir auch nicht -.-.

Hier der Code:

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

<head>
    <title>Weiterleitung</title>
    <meta http-equiv="refresh" content="2; URL=C:\Users\user006\Desktop\Schulhomepage\index.html">
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

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

<body>

</body>
</html>

<style type="text/css">
body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}
#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;

}

#inhalt {
  padding:10px 100px 10px 100px;
  z-index:2;
}

</style>

</head>
<body>
<div>
<img id="hintergrund" src="C:\Users\user006\Desktop\Schulhomepage\entwurf2.jpg" alt="" title="" />
</div>

<div id="scrollbereich">
<div id="inhalt">
</div>

</body>
</html>

<p><font size="4" color="#00FFFF" >Falls sie nicht weitergeleitet werden, klicken sie bitte <a href="index.html">hier</a></font></p>

Danke für eure Hilfe
 
Werbung:
Hallo und willkommen in diesem Forum!

Das img-Element dient lediglich dem Einbinden von Bildern, die Bestandteil des Seiteninhalts sind. Zum Beispiel ein Urlaubsfoto mit Beschreibung.

Ein Hintergrundbild wird hingegen in den Bereich „Design und Layout“ eingestuft, deshalb sollte es mit der Style-Sprache CSS eingebunden werden.
Im Stylesheet kann das etwa so aussehen:
Code: 
body{
	background: url(http://example.com/bilder/grafik.png);
}

Damit wirst du auch keine Browserkompatibilitätsprobleme haben.

Gruß
 
Werbung:
Dass schaffe ich leider nicht, hab viel probiert -.-

Könnte mir jemand bitte posten wo die css mit background:url eigefügt werden muss ?
 
Den Code kannst du einfach zu dem restlichen CSS-Code in deinem HTML-Dokument hinzufügen (zwischen <style...> und </style>).
 
Ok.

HTML: 
<html>
<head>
<title>Willkommen</title>

<style type="text/css">

body{
    background:url(C:\Users\Max\Desktop\HPservice\indexbild.jpg);
}
body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}
#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}

#inhalt {
  padding:10px 100px 10px 100px;
  z-index:2;
}

</style>

</head>
<body>

<div id="scrollbereich">
<div id="inhalt">
</div>

</body>
</html>

<font color="#808080" size="7" >Willkommen auf </font>
</style>
Aber es geht nicht -.-
Danke für die Hilfe :)
 
Werbung:
Hallo Max,

die Anweisung für einen Hintergrundbild heißt folgendermaßen.
Code: 
background-image: url(../images/bg.gif);
und je nach dem wo es als Hintergrund verwendet werden soll, da wird es auch rein geschrieben.
Wenn es für die gesamte Seite gelten soll, dann schreibe es für body.

Code: 
CSS:
body{
  background-image: url(../images/bg.gif);
}
Ich habe aber nicht so ganz verstanden wie die interne Struktur deiner Seite aussieht. Du bindest die Bilder von unterschiedlichen Benutzern auf deinem Rechner an, ich glaube nicht das es so gehen kann. Es sei den, dass du die gesamte Festplatte für deinen lokalen Server freigegeben hast.
Wie auch immer ich würde dir empfehlen eine einheitliche Struktur für deine Verzeichnisse anzulegen. Diese konnte so aussehen:

schulhomepage
|___ images
| |___ startseite
| |___ kontakt
| |___ download
|___ css
|___ includes
|___ htmls
| |___ kontakt.html
| |___ download.html
|___ index.html

Dann kopierst du alle Bilder in die entsprechende Verzeichnisse und bindest diese(Bilder) nicht absolut, sondern relativ an.
Also nicht C:\User\www\schulhomepage\images\startseite\hintergrundbild.jpg Diese Variante mit dem Backslash entspricht der Windows Schreibweise, die wird nicht für die Webpage's verwendet.

Sondern: /images/startseite/hintergrundbild.jpg Ich habe hier normalen Slash verwendet, so wie es üblicherweise online gemacht wird.

Alles was zu einer Seite gehört sollte in einem Verzeichnis sein.
Das Thema Hintergrundbilder ist hier gut beschrieben.
Viel Spaß bei deiner Seite!
PORTAL
 
Hallo,
Erstmals vielen Dank für deine Hilfe,
Doch leider funktioniert es immer noch nicht.
Ich habe den Ordner auf images umgenannt. Das Bild heißt indexbild.jpg

HTML: 
<html>
<head>
<title>Willkommen</title>

<style type="text/css">

body{
  background-image: url(../images/indexbild.jpg);
}

body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}
#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}

#inhalt {
  padding:10px 100px 10px 100px;
  z-index:2;
}


</style>

</head>
<body>

<div id="scrollbereich">
<div id="inhalt">
<div>
</div>

</body>
</html>

<font color="#808080" size="7" >Willkommen</font>
</style>

Danke euch.
 
Werbung:
Wenn die HTML-Datei im selben Ordner liegt wie der images-Ordner, dann muss das ../ vor dem Bildpfad weg.
 
Nicht in dem selben Ordner? In welchem dann? In einem Ordner parallel zu dem Ordner in dem die HTML-Datei die liegt o.g. Quellcode enthält?
 
Werbung:
Aso syr.

Ich habe den Ordner Schulhomepage (Hier drin liegen die HTML dateien...)
dann den Ordner image im Ordner Schulhompage (hier liegen die Bilder...

Aber auch ohne ../ gehts nicht -.-
 
Mit

Code: 
background-image: url(images/indexbild.jpg);

muss es gehen, es sei denn Du hast die Groß-/Kleinschreibung nicht beachtet.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben