Hintergrundbild fixieren

Frankp

Aktives Mitglied
8. Dezember 2010
40
0
Hallöchen,

ich versuche jetzt seit Tagen mein Hintergrundbild im Shop zu fixieren, habe hier im Forum auch schon einiges dazu gefunden,
aber irgendwie klappt es nicht. (Bin wahrscheinlich zu blöd, blond)

in meiner Custom Theme.css habe ich folgendes stehen. wo ist da mein fehler ?????

lieben Gruß Frank

body { color: #444; background: #000 url(images/body_bg.jpg) repeat fixed top center; }
a, a:visited, a:link { color: #585c5f; }
a:hover, a:focus { color: #a03a3a; }
#content { border: none; padding: 10px; }
#contentmid { border: none; }
h1, h2 { text-transform: inherit; }

/* Tiny-Styles zuruecksetzen */
#headlinks, #headlinks.active { background: transparent url(images/main_backgrounds.png) no-repeat top left; height: 448px; border: none; }
#headlinks ul li > a, #headlinks ul li > a:hover, #headlinks li.basket > a, #headlinks li.basket > a:hover { background-color: transparent; margin: 0; padding: 0 0 0 10px; -moz-border-radius: 0; border-radius: 0; }
#headlinks li { padding: 0; }
#speciallinks { display: none; }
#headlinks_wrapper { margin-left: 0; }
.form fieldset select, .form fieldset textarea, .form fieldset input[type="text"], .form fieldset input[type="password"] { font-size: 1em; }
#styled_view li.gallery { width: 32.9%; }

/* Base Styles */
.page_width { width: 980px; }
#page {background-image: url(images/body_bg.jpg);background-repeat:no-repeat;background-position:0 0;}
#content { background: #fff; border: 1px solid #ccc; padding: 10px; -moz-border-radius:5px 5px 5px 5px; }
.sidebox { background: #fff; }
#breadcrumb, #breadcrumb a { color: #999; }
#logo a { position:relative; display: block; margin-top: 10px; z-index: 999; }
#logo img { position: inherit; top: 0; }
#headlinks ul li > a, .sidebox h3 { font: 12px "Trebuchet MS", sans-serif; font-weight: bold; color: #fff !important; text-transform:uppercase; text-shadow:0 0 2px #AC5F24; }
 

blackgren

Gut bekanntes Mitglied
1. Februar 2011
358
17
AW: Hintergrundbild fixieren

So schauts bei mir aus. 2015-02-01 09_16_17-Besondere Produkte für Hund und Halter.jpg
 

Anhänge

  • 2015-02-01 09_16_17-Besondere Produkte für Hund und Halter.jpg
    2015-02-01 09_16_17-Besondere Produkte für Hund und Halter.jpg
    41,4 KB · Aufrufe: 29

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.452
282
AW: Hintergrundbild fixieren

Wie wäre es das richtige Element anzusprechen?
Code:
#page {
[B]    background-attachment: fixed;[/B]
    background-image: url("http://forum.jtl-software.de/images/body_bg.jpg");
[B]    background-position: center bottom;[/B]

 }

Für kleineer Displays die < 1000px Höhe darstellen das Bild auch immer unten platzieren.
 

Frankp

Aktives Mitglied
8. Dezember 2010
40
0
AW: Hintergrundbild fixieren

Wie wäre es das richtige Element anzusprechen?
Code:
#page {
[B]    background-attachment: fixed;[/B]
    background-image: url("http://forum.jtl-software.de/images/body_bg.jpg");
[B]    background-position: center bottom;[/B]

 }

Für kleineer Displays die < 1000px Höhe darstellen das Bild auch immer unten platzieren.

SUUUUUPPPPPER

das war es vielen lieben Dank

Frank