Logo immer am gleichen Ort haben, unabhängig Screengrösse

[Michi Löffler]

Hallo zusammen
Weiss nicht genau wie ich das im Titel hätte beschreiben sollen, aber es geht um folgendes.
Ich habe ein Logo an einem Ort der Website platziert. Wenn nun der Benutzer das Browserfenster kleiner oder grösser macht, dann geht das Logo dynamisch mit.
Der Kunde möchte allerdings, dass es immer am gleichen Ort bleibt, unabhängig, wie er das Browserfesnter vergrössert oder verkleinert.

http://gebr-righetti.ch/

Kann mir da jemand helfen, wie ich das bewerkstelligen kann ? Irgend ein bestimmter css-Code, der das machen kann ?

Vielen Dank und Grüsse

[Bennie]

Vielleicht kannst Du das noch genauer beschreiben. Das Logo ist doch immer am selben Ort - oben links - oder was ist das Ziel??

[Michi Löffler]

Wenn ich das Fenster (Firefox, Chrome, etc) kleiner ziehe, zB also oben rechts in die Mitte ziehe, dann "wandert" das Logo mit und bleibt nicht oben links beim Türrahmen.

[planepix]

Da hilft sicher CSS mit position:fixed;

[Bennie]

Ok, das liegt aber eher am Türrahmen :-)) - sprich das Bild verhält sich responsiv und ist anscheinend über den RS Slider eingebunden.
Versuche mal eine feste Breite beim Slider einzustellen, anders wüsste ich nicht wie man das erreichen kann.
Dann ist es eben nicht mehr responsiv

[Bennie]

@planepix
was sollte fixed daran ändern? Dann ist es ja sozusagen noch "schlimmer" ;-)

[Fehrmann]

Wenn ich das Fenster (Firefox, Chrome, etc) kleiner ziehe, zB also oben rechts in die Mitte ziehe, dann "wandert" das Logo mit und bleibt nicht oben links beim Türrahmen.

Den verstehe ich noch nicht ganz. Meinst du, das das Logo sich an einem Bezugspunkt (z.B. Türrahmen obere linke Ecke) innerhalb des Bilder orientieren soll?

[Bennie]

Genau das meint er wohl, dann darf das Bild aber nicht responsive sein

[lucina]

Nö, schlimmer finde ich das nicht, aber da bewegen wir uns auf dem Gebiet der Wunder des responsiven Designs.

Möglicherweise könnte man das Logo ja auch relativ zu einem bestimmten Punkt im Bild positionieren. Oder je nach Viewport unterschiedliche Background-Bilder benutzen und ein Logo jeweils unterschiedlich positionieren. Oder oder oder.

Ich glaube eher, dass das Hauptproblem die Erwartung des Kunden ist, der vermutet, dass sich eine Webseite verhalten muss wie ein Blatt A4-Papier.

[Fehrmann]

Bei einer Auflösung von 1100x500 rutscht das Logo vertikal in die Mitte. Vielleicht ist auch das gemeint. Dann wäre der Ansatz von PlanePix wohl denkbar. `position: fixed;` für `ce_rsce_oneo_logo logo` und dann etwas nachjustieren.

[Kahmoon]

Kleine Anmerkung am Rande: Bei den Referenzen solltest du unbedingt responsive Images von Contao verwenden. Aktuell hat da jedes Foto 1,5MB und mehr und ist 4000px groß. Das ist totaler Overkill für Ladezeiten. Dachte erst es wäre Lazy-Loading......aber es waren einfach riesige Fotos via HTML klein skaliert.

[neelix]

Ich glaube eher, dass das Hauptproblem die Erwartung des Kunden ist, der vermutet, dass sich eine Webseite verhalten muss wie ein Blatt A4-Papier.

Da wäre er nicht der erste Kunde. Soll auch welche gegen, die am Monitor oder einem Ausdruck nachmessen, ob die vorgegeben Größen und Abstände stimmen.

[Fulano]

Ich glaube eher, dass das Hauptproblem die Erwartung des Kunden ist, der vermutet, dass sich eine Webseite verhalten muss wie ein Blatt A4-Papier.

Das trifft es meiner Meinung nach zu hundert Prozent.

Ich würde das Bild mit dem Türrahmen spiegeln.

Ne mal im Ernst, lass den Kunden sein Malerhandwerk ausüben und du machst einfach deinen Job. Wenn man sich auf solche "Vorgaben" vom Kunden einlässt, dann wird es meist schlimmer. Das musste ich selbst schmerzlich feststellen.

[Michi Löffler]

Danke euch allen für den Support und die möglichen Tips. Ich belasse es so wie es responsive vorgegeben und von euch vorgeschlagen ist