Hallo,
Ich versuche gerade das design eines Shops zu ändern und scheitere momentan am Hintergrund.
Also der wird nur zum Teil angezeigt.

http://imgur.com/gHgD6lR( Falls er das Bild nicht anzeigt)
so wie hier.
Hat jemand eine idee wie ich das wegbekomme?
mein HTML:
Mein CSS dazu:
Ich versuche gerade das design eines Shops zu ändern und scheitere momentan am Hintergrund.
Also der wird nur zum Teil angezeigt.
http://imgur.com/gHgD6lR( Falls er das Bild nicht anzeigt)
so wie hier.
Hat jemand eine idee wie ich das wegbekomme?
mein HTML:
Code:
... <div id="wrap"> HIER STEHT DER CONTENT </div> <div id="bg2"></div> <div id="punkte"></div> ...
Mein CSS dazu:
Code:
... body { font-family:Arial, Sans-serif; font-size:12px; margin:0px 0; padding:0; color:#555; line-height:16px; /*background:url("img/bg.jpg") repeat-y scroll 0 0 / 1920px auto rgba(0, 0, 0, 0);*/ } #bg2{ background: -webkit-linear-gradient(left, #a3a6ea 70% , white 30%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #a3a6ea 70%, white 30%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #a3a6ea 70%, white 30%); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(147,149,233,1) , rgba(147,149,233,0)); /*Standard*/ width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; margin: 0 auto; z-index: 10; } #punkte{ background:url("img/bg.png"); background-repeat:repeat; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; margin: 0 auto; z-index: 12; } #wrap { width:1000px; background:url(img/Hintergrund2.png) no-repeat; margin:0 auto 10px; position: relative; top: 0px; margin: 0 auto; overflow: hidden; z-index: 18; } ...
Kommentar