Position

[Merit-Isis]

Hallo!

Einfach mal hier unter Pharaonen von A-Z schauen. Da ist das Problem, welches ich mit den Ebenen habe, sicher schon gut zu erkennen. Ihr müsst dann ma auf nen Buchstaben oben klicken, und dann, wenn sich die Seite geöffnet hat, mit der Maus über irgendeins der Hieroflyphen-Bilder fahren.

Wie bekomme ich es also hin, das der Layer da bleibt, wo er hingehört?? (Bin doch Anfänger ... *schnüff*)

Liebe Grüße
Merit-Isis

[Merit-Isis]

Büdde büdde helft mir doch ... hab auch schon die Suchfunktion benutzt, aber ich hab nicht so richtig rausgefunden, welcher Thread mir da helfen könnte.

Grüßlis
eine verzweifelte Merit-Isis

[webmichl]

Hmmm...wo sollen sie denn hin?

[Merit-Isis]

Hallo Webmichl!

Nuja...also auf dem PC bei mir zu Haus (17er Bildschirm, 1024er auflösung und IE 6) siehts so aus, wie ich mir das so vorstelle. Aaaaber ;o) auf dem PC bei mir auf Arbeit sind die Ebenen total verschoben und manche legen sich sogar über den Text. Sie verschieben sich aber nur vertikal nach unten, in der horizontalen bleiben sie gleich. Wie und wo muss ich was einstellen, damit die Ebene da bleibt, wo sie hin soll?

Liebe Grüße und 100000 dank für Deine Hilfe!!

Grüßlis
Merit-Isis

[webmichl]

Na ja, das Problem dürfte sein, daß Du die Bildlayer absolut in einer recht großen Seite positionierst. Das passt - wie Du schon bemerkt hast - perfekt auf dem Rechner, auf dem die Seite erstellt wurde. Mit einer anderen Auflösung/Schriftgröße verschiebt sich aber der Seitenaufbau - die Bildpositionen bleiben aber konstant ( da fix ) und stehen folglicherweise irgendwo im Text...

Lösungsvorschlag: Teil die Seite in einzelne Themenlayer auf ( jeder Pharao kriegt einen eigenen, übergeordneten Layer ) , die Du dann für die Einzellayout hernimmst.

[Merit-Isis]

... das heisst auf gut Deutsch, das ich den Text und die 2 Bilder sprich Layer in einen "großen" Layer packen soll?
Das mit dem übergeordnet - das hat was mit diesem z-index zu tun, oder? Je niedriger die Zahl, je höher die "Prorität" des Layers oder genau umgekehrt? ;o)

Und was ist dann mit der Psition der untergeordneten Layer, bleibt die dann absolut oder muss ich da was anderes einstellen?

.. sorry für die vielleicht was blöden Fragen, aber ich beschäftige mich mit dem Programm grad mal ne Woche *rotwerd* ;o)

Liebe Grüße
Merit-Isis

[webmichl]

Wie die ganze Sache in Dreamweaver zu realisieren ist, kann ich Dir leider auch nicht sagen ( bin halt ein Purist ), aber ne theoretische Vorgehensweise kann ich Dir bieten:

Jeder deiner Pharaos kriegt einen eigenen Layer mit relativer Positionierung:

<div style="position: relative; botom: 0px; left: 0px;width: 200px; height: 100px;">

Breite und Höhe musst Du natürlich Deinem Layout anpassen - die top- und left-Werte sind bei allen Pharaonen gleich.


Innerhalb dieses Layers kannst Du nun weitere Layer mit den entsprechenden Inhalten positionieren - diesmal aber mit absoluter Positionierung. Die Bezugspunkte sind dabei die Grenzen des übergeordneten Layers.

Ein kompletter Konstrukt sähe zB so aus:

<div style="position: relative; bottom: 0px; left: 0px;border: 1px solid black;width: 200px; height: 100px;">
		 <div style="position: absolute; left: 10px; top: 10px; border: 1px solid red; width: 50px; height: 80px;">Text</div>
		 <div style="position: absolute; right: 10px; top: 10px; border: 1px solid blue; width: 50px;height: 80px;">Bild</div>
</div>

Und diese Teile kannst Du beliebig hintereinanderreihen - das Layout bleibt konstant.

[Merit-Isis]

Huhu Webmichl!

Vielen lieben Dank für Deine ausführliche und konkrete Hilfe. Ich werde das heute abend einmal ausprobieren.
Ich hoffe, ich krieg das irgendwie gebacken ;o)

Liebe Grüße
Merit-Isis

[webmichl]

und wenn nicht - weiterfragen...