GIF Position stimmt nicht bei Navigator

[Shandoz]

Ich habe auf dieser Seite ein www.cinearte.net/fw5/franz.html ein Menü eingebaut, das so funktioniert: Wenn die Maus über die senkrechten Balken mit den Pfeilen fährt, erscheint daneben eine »Kapitelüberschrift« (als GIF) darunter taucht ein Textfeld auf. Diese beiden Elemente sind Ebenen, die über das Verhalten »Ebenen ein-/ausblenden« bei MouseOver gesteuert werden.

Im IE läuft das gut. Im Navigator (und laut Mitteilung auch in Opera) sitzt die »Kapitelüberschrift« nicht an der vorgesehenen Position, sondern hängt unter der Hauptebene. Damit verdeckt sie einen Teil des Textfelds und sieht auch gar nicht schön aus.

Ein ähnliches Problem gibt es auch unter www.cinearte.net/newsletter.html: Da ist auf der blauen Fläche die Überschrift als GIF eingesetzt, darunter folgt (in einem Tabellenrahmen) der Text. Im IE in Ordung, im Navigator sitzt das GIF einfach einen Zentimeter riefer, als es soll.

Wie kann ich das abstellen?

[A k i m o]

Hi,

dazu empfehlen sich die Extensions "Snap Layer", oder "Layout Designer 2" von P7.

Mit dem Layout Designer kannst Du Ebenen in Relation zueinander ausrichten.

Snap Layer richtet Ebenen an einer Grafik aus.

Auf der P7 Seite gibts gute Tutorials zu den Extensions.

Gruß

Akimo.

[Shandoz]

Danke, ich werde es mir anschauen.

Aber gibt’s denn keinen Weg ohne Erweiterungen? Eigentlich sollte ja wohl die Positionierung von Ebenen – zehn Pixel von links, hundert von oben – bei allen Browsern gleich sein.

Und wieso haut mir der Navigator (siehe zweites Beispiel) auch innerhalb einer Ebene dazwischen? Und das aber auch nicht regelmäßig…

Wenn ich darf, würde ich das Thema gerne noch offen lassen.

Gruß aus München.

[prefix]

Aber gibt’s denn keinen Weg ohne Erweiterungen? Eigentlich sollte ja wohl die Positionierung von Ebenen – zehn Pixel von links, hundert von oben – bei allen Browsern gleich sein.

du sagst es richtig: sollte!!!

besonders bei der kombination javascript mit css kann es schon mal zu verdammten problemen kommen - interessant wäre, in welcher version von netscape die probleme auftreten!

[A k i m o]

Um die Kompatibilität zu wahren solltest Du dabei immer die Seitenränder festlegen:

Modifizieren > Seiteneigenschaften. Hier alle 4 Randwerte setzen. In Deinem Fall mit 0.

Wenn alle Ebenen absolut in der Seite positioniert sind, sollte es so auch ohne Extensions passen.

[Shandoz]

Getestet habe ich’s auf NN 7.02 (welche Opera-Version, weiß ich nicht).

Die Modifizierung habe ich ausprobiert – hilft auch nicht.

Ich habe dann einfach mal die schwarze Ebene mit den senkrechten Balken, die hinter den Ebenen mit den »Kapitelüberschriften« liegt, rausgenommen. Einfach, um zu sehen, ob sich vielleicht die Ebenen in die Quere kommen. Siehe da: Die Ebenen stehen, wo sie sollen – aber das GIF hängt untendrunter. Also dasselbe Rätsel wie im zweiten Beispiel (siehe oben). Kopfkratzgrübelgrübel…

[Shandoz]

Ich habe nochmal an der Seite rumgespielt und dabei bemerkt, daß die fehlerhaften Ebenen 15px hoch sind, die GIF darin aber 18px (ich dachte, DW gleicht sowas automatisch aus?).

Stelle ich nun im Eigenschafteninspektor den Überlauf auf »scroll« statt »visible«, dann sehe ich im NN nur die Ebene, nicht das Bild.

Leider kann ich mit dieser Information gar nichts anfangen, meine Grenzen waren ja schon mit der Fragestellung erreicht. Aber vielleicht bringt das Euch ja auf eine Spur?

[Shandoz]

Um das Thema abzuschließen: Ich habe cinearte.net jetzt ein bißchen aufpoliert. Und siehe da: jetzt stimmt das Gif auch im Navigator. Das Problem scheint offenbar daran gelegen zu haben, daß ich das Bild direkt in die Ebene gestellt habe., den Text darunter in eine Tabelle. Nun steht alles in einer Tabelle (natürlich verschiedene Zellen) und vor allem da, wo es stehen soll.
Thema erledigt.