Aktueller Inhalt von meisterleise

Absolut! Das ist doch die Lösung! :D @montababa Deine Grundidee in Post #3 war also doch der richtige Ansatz sowie meine Schlussfolgerung in #4. Ich hatte es nur nicht zu Ende gedacht, aber das war jetzt noch der fehlende Anstoß von @Sempervivum Meine Lösung: @media screen and...

:D Genau! Sorry, wenn das bisher nicht ausreichend verständlich war. Wie gesagt, habe ich das zu einem großen Teil auch schon hinbekommen: Habe das bg img auf contain gesetzt das bg img hat ein Format von 16:10 das darüberliegende Div hat die Formatierung: divScreen { height: 72vh...

@Sempervivum Danke für deinen Kommentar. Aber das ist alles klar und nicht die Frage. Es geht nicht darum, wann wie viel von dem bg img abgeschnitten wird oder auch nicht, sondern wie es zu bewerkstelligen sein könnte, dass ein darüberliegendes Div immer genau auf dem Screen des Handys...

Danke für deinen Kommentar, @montababa :smile: Kenne mich aus mit media queries. Ich halte das in dem Fall aber nicht für so praktikabel, weil media queries immer in Stufen funktionieren. Obwohl, man könnte damit auch das Seitenverhältnis abfragen. Das wäre vielleicht noch ein Ansatz...

Meine Überarbeitung: Habe nun das bg image auf contain gesetzt und das screen div auf aspect-ratio: 9/16. Das funktioniert, so lange das Browserfenster mind. 16:10 oder breiter ist. Das ist nun eine deutliche Verbesserung. Falls jemand noch eine bessere Idee hat, gerne melden! :smile:

Hallo Kollegen, ich habe ein Bild (siehe Anhang) welches immer den gesamten Bildschirm ausfüllen soll (covered) oder von mir aus auch immer nur 100vh (je nachdem was besser funktionieren würde). Auf dem Screen des Smartphones möchte ich ein DIV setzen und darüber einen skrollbaren Screen...

Oh, ich hatte gehofft, das ließe sich allein mit CSS umsetzen. JS setzt für mich die Verständniskurve gleich viel höher. Okay, werde versuchen, da irgendwie durchzusteigen, bzw. weiß ich nun zumindest schonmal, unter welchen Begriffen das zu finden ist. Großes DANKE für die Hilfe und den...

Hallo Kollegen, ich habe ein paar einfache CSS Animationen, die ablaufen, sobald sie in den sichtabren Bereich gescrollt werden. Ich möchte aber nicht, dass sie sofort starten, sondern erst, wenn bis zu einer bestimmten Höhe hineingescrollt wurde, also wenn sich das Objekt bspw. bereits in der...

Hey Threadi, du auch hier? :D Danke für den Link, der ja prinzipiell bestätigt, dass es machbar ist und funktioniert. Ein Rest Unsicherheit bleibt, da die dort genannten Beispiele sich nur auf interne Links beziehen und nicht darauf, ob auf einer nicht indexierten Seite Links als Backlinks...

Bin gerade verunsichert: Wenn ich eine Seite auf noindex stelle, aber auf follow – heißt das dann, dass die Seite zwar nicht indexiert wird, aber den auf der Seite vorhandenen Links trotzdem gefolgt wird, die Seite also nicht in den serps erscheint, aber die Links darauf dennoch als backlinks...

@Sempervivum ein großes Dankeschön! aspect-ratio macht exakt das, was ich gesucht habe! Hatte noch versucht, das irgendwie mit calc und clamp hinzubiegen, aber das war alles murks, da responsive problematisch. So ist das doch supereinfach!

Hey @MrMurphy das ist schon nah dran, danke! Mit meiner Maßangabe meinte ich bspw. 1000 px breit x 400 px hoch. Dein Vorschlag funktioniert auch super und ist so schön einfach. Funktioniert bei mir allerdings nur, wenn die Site auch fullwidth ist. Da die Site jedoch 1.300 px breit ist, habe ich...

Hallo Kollegen, ich habe einen div container mit einer width=100% und möchte das die Höhe immer 1/2,5 der dargestellten Breite hat. Lässt sich das mit CSS umsetzen? Ich komm' nicht drauf. :rolleyes:

Das stimmt, aber das funktioniert meines Wissens nach ausschließlich mit background img, nicht mit anderen Objekten.

Hört sich prinzipiell gut an. Hast du zufällig sogar noch einen Link dazu, wie so etwas umgesetzt wird?