Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03333.jsonl.gz/1429

hallo buzzbomb
nun hättest du es ja fast geschafft mich zu irritieren. :-))))
Experiment:
- golive starten, neues fenster in geteilter ansicht (oben layout, unten quellcode)öffnen.
- dann ziehen wir eine tabelle ins layout. anschließend einen rahmen, den wir der übersichlichkeit wegen etwas von der tabelle weg parken und mit etwas text füllen, um ihn in der voransicht sehen zu können.
- sodann verschieben war das gelbe markierungsquadrat des rahmens in eine tabellenzelle (hier mal die zelle oben links).
- wir wechseln kurz in die golive-voransicht (geht nur bei mac-version) oder eben in den browser und sehen die tabelle oben links und den rahmen da, wo wir ihn hingezogen haben.
Beobachtung:
- wenn ich - zurück in der layout-ansicht - die zelle mit dem gelben quadrat anklicke, wird im quelltext die tabellenzelle mit dem darin geparkten <div>-tag markiert.
- wenn ich den rahmen selbst anklicke (cursor als hand-symbol), wird im quelltext das <div>-tag innerhalb der tabellenzelle markiert.
- wenn ich nun die tabellenzelle auf zentrieren einstelle, wird das gelbe quadrat zwar zentriert, an der website selbst ändert ich aber nichts.
- wenn ich aber den rahmen selbst verschiebe, ändern sich dessen koordinaten im quelltext. und zwar im head der seite - und nicht in der tabelle!
- verschiebe ich das gelbe quadrat in eine andere tabellenzelle, ändern sich die koordinaten des <div>-tags im head der seite nicht. lediglich das <div>-tag im quelltext wird in eine andere tabellenzelle geschoben.
Fazit:
die gelben quadrate sind sogenannte anker, die das vorhandensein des <div>-tags im layout anzeigen. laut adobe bezieht sich die position des quadrates auf den z-index des rahmens. je weiter unten und rechts das quadrat, desto höher der z-index.
die positionen der schweberahmen befindet sich nun mal ausserhalb des sequentiellen ablaufes einer html-seite.
diese erkenntnis deckt sich übrigens mit dem inhalt von "golive - classroom in a book" von adobe.
gruss
bernd
als Antwort auf: [#28739]