Logo per CSS immer an Auflösung anpassen

    Das hatte ich auch schon probiert, nur wurde das Logo nicht verkleinert und schob sich über die Autos. Dann hab ich eben mal das Bild aus einem Stück gemacht. Werd aber nochmal alles probieren... Danke.



    Sent from my iPhone using Tapatalk 2

    Also das Funktioniert auch nicht, auch nicht auf deinem Link, da werden die Häuser rechts abgeschnitten. Bei mir sieht man zB. auf dem iPad nur ein kleines stück der Haube.


    Die Grafiken müssen separat eingefügt sein und je nach Auflösung des Bildschirmes auch ausgerichtet werden, sonst wird das nix.


    Frage ist nur wie ich das Anstelle?

    Zitat von Tom
    CSS
    .logo  {
background-image: url('@{style_image_path}headerLeft.png');
background-position: left 25px;
background-repeat: no-repeat;
moz-background-size: contain;
-webkit-background-size: contain; 
background-size: contain;
}


    Ungetestet


    Also das Funktioniert soweit Tom, ich hab wie gesagt nur das Problem das bei kleinerer Auflösung die Grafik headerLeft.png in der Luft schwebt, wenn ich die Ausrichtung "Top" verändere haut es mir beim 27" die Grafik in die Userpanel mit rein. Einfacher ist es glaube die Grafik vom .main auszurichten, so hängt sie ja am oberen Rand des Userpanels. Ich hatte aber schon "Bottom probiert, dabei da ändert sich leider nix.