Supportnet / Forum / Webseiten/HTML
css background picture
Frage
hi
ich hatte mal das problem das ich das hintergrundbild nicht einmal anzeigen konnte, egal das hab ich jetzt geschafft.
nun hab ich folgendes problem:
ich habe mit einem css stylesheet ein hintergrundbild definiert. in dreamweaver zeigt es dieses auch korrekt an, blos wenn ich die vorschau im internet explorer anschau kommt kein hintergrundbild. wieso das?
hier der html code:
(die vielen <br> sind nur da damit es das ganze bild anzeigt, da es nur zeilenweise anzeigt.)
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="file:///C|/hemmiundpartner/css/mitte.css" rel="stylesheet" type="text/css">
<body>
<p class="mitte"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
</body>
</html>
hier der css code:
.mitte {
background-attachment: fixed;
background-image: url(file:///C|/hemmiundpartner/background/images/menü_03.gif);
background-repeat: no-repeat;
background-position: left top;
}
Danke im voraus
Antwort 1 von semi
Verwende relative Pfadangaben (ohne Laufwerksbuchstaben)
statt
file:///C|/hemmiundpartner/background/images/menü_03.gif
/hemmiundpartner/background/images/menue_03.gif
und auch keine Umlaute in Dateinamen.
Das gleiche gilt für die CSS Datei.
/hemmiundpartner/css/mitte.css
Gruß,
Michael
statt
file:///C|/hemmiundpartner/background/images/menü_03.gif
/hemmiundpartner/background/images/menue_03.gif
und auch keine Umlaute in Dateinamen.
Das gleiche gilt für die CSS Datei.
/hemmiundpartner/css/mitte.css
Gruß,
Michael
Antwort 2 von Feuervogel
und BITTE definiere das hintergrund bild für den body-tag...dann wirds auch auf der gesamten seite angezeigt...
Antwort 3 von Lonestar
Versuchs mal so...
<style type="text/css">
<!--
body {
background-image:url(ordner/bild.jpg); background-repeat:repeat;
background-attachment:fixed; padding:0px;
}
-->
</style>
nur n Beispiel... ;0)
<style type="text/css">
<!--
body {
background-image:url(ordner/bild.jpg); background-repeat:repeat;
background-attachment:fixed; padding:0px;
}
-->
</style>
nur n Beispiel... ;0)