Sailor

Ob und wie das mit 'Dreamweaver' funktioniert, weiß ich nicht - aber in einer selbst gemachten Seite würde es so funktionieren
https://www.mediaevent.de/xhtml/area-map.html
vielleicht hilft dir das ja weiter.

Ich weiß nicht, ob das für dich anwendbar ist, aber bei Elementen, die durch Flex nebeneinander angeordnet werden, tritt dieser ärgerliche Effekt nicht auf:
https://jsfiddle.net/Sempervivum/537k9mqc/1/

Sempervivum ... heee.... du bist richtig gut ;)! Das funktioniert. Hätte ich wohl auch selbst drauf kommen können... aber manchmal sieht man den Wald vor lauter Bäume nicht.
Danke!

Vor langer Zeit habe ich mal gelernt, dass Zeilenumbrüche und mehrfache Leerzeichen im Quelltext vom Browser ignoriert und nicht dargestellt werden. Das hat sich wohl mit HTML 5 geändert(?).
Jetzt, wenn ich im Quelltext einen Zeilenumbruch einfüge…

Ohne deinen Code (HTML und CSS) zu sehen, ist das schlecht zu beantworten - aber wenn ich es richtig verstehe, dann willst du das Bild bei jeder Auflösung zentriert und nur bis zu einer maximalen, festgelegten Größe angezeigt haben.
Dann teste mal so…

Nun ja... beinahe ;)!
Du nutzt 'onscroll' um deine deine Funktion aufzurufen - dann wird auch nur der Teil ausgeführt, der sich innerhalb der Funktion ( im Bereich der {} ) befindet.
Versuche mal, deinen gesamten Script-Code innerhalb der …

Einfach vor Ausführung der eigentlichen Funktion die Größe des Browser abfragen...
https://www.w3schools.com/jsref/prop_win_outerheight.asp
und dann mit dem Ergebnis eine 'if-Abfrage' durchführen...
https://www.w3schools.com/js/js_if_else.asp

Zunächst mal sehe ich, dass du sehr viele Elemente mit overflow: hidden; formatiert hast... dann hast du auch die Funktion scrollen ausgeschaltet. Hinzu kommt, dass du mit festen Größen (in Pixeln) bei der Größenfestlegung deines Logo's arbeitest.
Das…

Um das zu beurteilen, brauchen wir einen Link zur Seite.

Könnte sein, dass es ganz einfach an der Defaulteinstellung vom CSS liegt - da werden Bilder mit 'verical-align: baseline;' formatiert. Baseline ist aber eben nicht unten, sondern erzeugt einen wenige Pixel großen Abstand nach unten.
Versuche es mal mit…

Die Browser-Konsole zeigt mir Fehler in den Dateien 'compiled.js' und '2kaumw.js' an. Und wenn ich das richtig sehe, sind diese beiden Dateien mit irgendeinem Komprimierungstool bearbeitet worden.
Versuche mal die Dateien ohne diese Komprimierung…

In beinahe allen Foren sind Crosspostings nicht erlaubt (siehe dazu die Forenregeln, denen du ja mit deiner Anmeldung zugestimmt hast).
Aber Crossposting hin und her - das bringt dich nicht weiter! Gib uns den kompletten Code (besser noch einen Link zur…

<div> <img src="https:///s/files/1/0262/3445/4119/files/FRAU-01.png?802" align="left" height="42" width="42"> <p style="margin-left: 47px; height: 0; padding: 10px;"> <font size="2"> Products are tested and approved by Susan </font></b> </p…

Natürlich gibt es so was - erkläre nur ganz genau was du vor hast, dann wirst du hier bestimmt ein paar Antworten und Tipps zur Lösung bekommen.
Was verstehst du unter 'Boxen'?
Was ist 'Bilder usw.'?
Was ist 'so ein ähnliches Popup-Fenster'?
Das musst…

Nicht fragen.... ausprobieren ;)!

Oh nein... jetzt zum mitschreiben
Im CSS...
(Quelltext, 15 Zeilen)

im HTML...
(Quelltext, 1 Zeile)

Na ja... fast...!
Das hast du im Code!
(Quelltext, 4 Zeilen)

Wo ist da die Klasse .Headerbild, die du im CSS für das Div mit dem Bild definiert hast? Außerdem .. das .div .Headerbild geht gar nicht! Eine Klasse .div gibt es nicht!!!
Also 1. das leere…

Poste den Code, den du produziert hast.. das ist nicht das, was ich dir geraten habe... da hast du was nicht richtig übernommen.

Genau... und dem Div noch eine Klasse geben, damit es vom CSS angesprochen werden kann.
Dem img-Tag auch noch eine Klasse zuweisen, dann das willst du ja auch formatieren.

Warum zeichnest du dein Dokument mit dem HTML 5 Doctype aus und nutzt dann in der Folge XHTML Elemente?
Besser / empfehlenswerter wäre utf-8 als Charset - und dann gleich HTML 5 konform einbinden mit <meta charset="utf-8"> .
Dir fehlt im <head> das …