[GELÖST] 2 Backgrounds übereinander

ArTo · 30. März 2013 17:08

Hallo,
ich passe aktuell ein Entwurf einer Seite an.

Leider bekomme ich die zwei BGs nicht sauber übereinander so wie auf einer Beispielseite!

BG sollte so aussehen: http://michelsberg-hersbruck.de
ergebnis: http://mb.jdm-shop.de

Hier klicken, um den Code zum Kopieren zu markieren

body { 
font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif; 	
color: #3A3A36;         
background: url([[root_url]]/uploads/NCleanBlue/bgr.png) repeat scroll left top; 
} 
#ncleanblue { 	
width: auto; 	
background: url([[root_url]]/uploads/NCleanBlue/bgr_grad.png) repeat;  
}

So ist der aktuell eingebunden! Man sieht das Farbige wiederhohlt sich komisch und ist ewas verschoben.
Ich habe das so probiert wie auf der Beispielseite, leider kommt einfach ein weißer block rechts dazu und er wird nicht wiederhohlt! Dort wird er über DIV tags und ein IMG in der HTML eingebunden.

Danke schonmal für die Antworten smile
Gruß
ArTo

Beitrag geändert von ArTo (30. März 2013 18:23)

mörml · 30. März 2013 20:47

Hallo ArTo!

Versuch das mal:

background:url("http://mb.jdm-shop.de/uploads/NCleanBlue/bgr_grad.png") no-repeat center / 100% 100% transparent

bzw.

background:url("http://mb.jdm-shop.de/uploads/NCleanBlue/bgr_grad.png") no-repeat center
background-position:100% 100%

VG mörml

Andynium · 30. März 2013 21:22

Anstatt

Hier klicken, um den Code zum Kopieren zu markieren

http://mb.jdm-shop.de/uploads

kannst du auch

Hier klicken, um den Code zum Kopieren zu markieren

[[uploads_url]]

verwenden - wird dann dynamisch (je nach Primärdomain) eingefügt.

ArTo · 30. März 2013 21:24

Hi,
@ mörml
hmm klappt leider nicht. Das erste mit transparent, wie soll man das genau anwenden du hast da noch Slash eingebaut, das zweite ist total verschoben!

@cyberman
ja soweit kenn ich mich schon aus smile

Bei der Beispielseite dehnt sich der BG mit!

Beitrag geändert von ArTo (30. März 2013 21:31)

mörml · 30. März 2013 21:33

Entschuldige, ich hab mich verschrieben. Ich meinte "background-size". Also:

background:url("http://mb.jdm-shop.de/uploads/NCleanBlue/bgr_grad.png") no-repeat center
background-size:100% 100%

ArTo · 30. März 2013 21:37

@ Mörml

SUPER, so einfach aber so wirkungsvoll!!

Vielen Dank! big_smile

Gruß
ArTo

mörml · 30. März 2013 21:41

Gerne doch.

ArTo · 31. März 2013 23:19

Ich muss nochmal nerven hmm

Habe gearde mit IE das ganze gecheckt, dort ist das BG einfach hinten mittig in der Seite in original Größe.

Gibts da ein IE fix für so ein befehl?

Ebenso ist da die NAVI weg und der Print button, oh man ich hasse IE^^

Beitrag geändert von ArTo (31. März 2013 23:28)

Andynium · 31. März 2013 23:59

Von welcher IE-Version sprichst du?

mörml · 31. März 2013 00:18

Hoffentlich krepiert dieser Drecksbrowser irgendwann...

IE unter Version 9 kann wohl nicht mit %-Angaben umgehen. Über F12 gelangst du in den Entwicklermodus, dort kannst du auch versch. Versionen ausprobieren.

Schau mal, was passiert, wenn du die Schriftgröße im Navi-CSS durch px-Werte ersetzt.
Gleiches gilt für das Hintergrundbild.

Alternativ kannst du die alte Seite nachbauen.

ArTo · 31. März 2013 00:32

Werde es morgen probiert, sind leider doch leute mit IE unterwegs hmm
Wenn keine % was soll man dann ehmen beim ie, hmm

Komischerweise funktioniert das orignal Menü vom style schon. Bis auf wenige veränderungen ist das ja auch nur abgeändert.

Danke erstmal!

mörml · 31. März 2013 00:51

px!

Forum für CMS/made simple

#1 30. März 2013 17:08

[GELÖST] 2 Backgrounds übereinander

#2 30. März 2013 20:47

Re: [GELÖST] 2 Backgrounds übereinander

#3 30. März 2013 21:22

Re: [GELÖST] 2 Backgrounds übereinander

#4 30. März 2013 21:24

Re: [GELÖST] 2 Backgrounds übereinander

#5 30. März 2013 21:33

Re: [GELÖST] 2 Backgrounds übereinander

#6 30. März 2013 21:37

Re: [GELÖST] 2 Backgrounds übereinander

#7 30. März 2013 21:41

Re: [GELÖST] 2 Backgrounds übereinander

#8 31. März 2013 23:19

Re: [GELÖST] 2 Backgrounds übereinander

#9 31. März 2013 23:59

Re: [GELÖST] 2 Backgrounds übereinander

#10 31. März 2013 00:18

Re: [GELÖST] 2 Backgrounds übereinander

#11 31. März 2013 00:32

Re: [GELÖST] 2 Backgrounds übereinander

#12 31. März 2013 00:51

Re: [GELÖST] 2 Backgrounds übereinander

Fußzeile des Forums