Unterschiedliche Darstellung Offline vs div. Browser

[Mattes]

Ich täte ihn als Hintergrundgrafik von #menue anlegen, background bringt alles Nötige mit. Die passenden Maße von #menue bekommst du durch Setzen von line-height:110px bei #menue. Da line-height vererbt wird, musst du es mit line-height:1em bei #menue2 zurückgesetzen; vertical-align:bottom bei #menue img platziert die Textgrafiken wieder am unteren Rand.

#menue {
background: url(pfeilkombi2.png);
background-position: center 10%;
position: fixed;
bottom: 0px;
right: 40px;
width: 60% auto;
display: block;
list-style-type: outside none none;
color: #4b4949;
}

>   
> Was ist nun falsch?  
  
Vor allem ist die Pfeilgrafik ist viel zu groß.  
  
Mit  
  
background:url("pfeilkombi2.png") no-repeat 104px -21px / 30%;  
line-height:110px  
  
bei #menue sollte der Pfeil zumindest schon mal erscheinen.  
  
Du solltest die Grafik aber trotzdem verkleinern, anschließend die 30% aus obiger Angabe rausnehmen und die beiden px-Werte entsprechend anpassen. Beachte auch die oben genannten Änderungen bezüglich line-height.  
  

> Ich habe auch noch probiert, es doch mittels Dropdown-Menü zu lösen, das direkt über dem collections&shop nach oben ausklappt bei hover, aber da ich dafür das #menue auf position: relative setzen muss (soweit ich mich informiert habe) und sich dann wieder alles verschiebt, wie es will, bin ich auch da gescheitert.  
> Oder wäre das sowieso zu kompliziert zu ändern bei dem, was ich bisher habe?  
  
Nein, nicht unbedingt. position:relative kannst du auch bei #menue > li setzen.  
  

> Schon frustrierend, wenn man Dinge stundenlang vergeblich versucht, die andere in 2 Minuten lösen können :D  
  
Benutzt du inzwischen die schon angesprochenen Entwicklerwerkzeuge deines Browsers? Das erleichtert die Probiererei erheblich. Aber davon abgesehen: Es ist noch kein Meister vom Himmel gefallen.