Links in Tables und IE 4.0

[Tobias]

IE 4.0 hat sonderbare Anwandlungen, was Links in Tabellen angeht. Kann das sein? Ich habe auf drei unterschiedlichen Seiten, drei Menüs, die vom Inhalt zwar unterschiedlich sind, aber die gleichen Highlight-Funktionen verwenden (aus externer js-Datei). Hat das Menü drei Punkte funktioniert alles so wie es soll. Die Highlights kommen wie geschmiert. Bei sieben Punkten funktionieren nur noch die ersten drei und bei 15 Menüpunkten funktioniert kein einziger mehr.
Die Menüpunkte sind stinknormale <a>-tags mit Mouseovers und Mouseouts, sowie einem href="javascript:openWin()" oder so ähnlich.

Hat jemand eine Ahnung, was da schiefläuft? Zur Information: Zum Highlighten wird kein Bild ausgetauscht, sondern ein kleiner,quadratischer Layer wird jeweils auf die richtige Höhe geschoben. Außerdem werden parallel noch weitere Layer visible gemacht und verschwinden auch entsprechend wieder.

Schommal danke und Gruß,
Tobias

[Hartmut]

Hat jemand eine Ahnung, was da schiefläuft? Zur Information: Zum Highlighten wird kein Bild ausgetauscht, sondern ein kleiner,quadratischer Layer wird jeweils auf die richtige Höhe geschoben. Außerdem werden parallel noch weitere Layer visible gemacht und verschwinden auch entsprechend wieder.

Schommal danke und Gruß,
Tobias

Hallo Tobias!

Ich hatte zwar nicht die gleichen Probleme wie Du, daher weiss ich nicht, ob Dir der folgende Code hilft, aber ähnliche. Nach viel herumprobieren stellte ich fest, dass es nicht an den Tabellen lag, sondern mit der Definition der Layer zusammenhing, und zwar immer bei der Verbindung Layer und Link.
Ich verwende ich folgende Syntax für Layer, die auch gleichzeitig ein Link sind, und habe keine Probleme mehr:

Beim IE:

Im HTML-Code:
<div class="aa">
<a href="XY.htm" onMouseOver...usw.>
<img src="logo.gif" width=94 height=76></a>
</div>
im css-Code:
div.aa {position:absolute;top:15px;left:810px;width:94px;}

Beim NC:

Im HTML-Code:
<div class="aa">
<a href="XY.htm" onMouseOver...usw.>
<img src="logo.gif" width=94 height=76></a>
</div>
im css-Code:
div.aa {margin-top:457px;margin-left:349px;width:76px;}
und für Layer ohne Link bei NC: wie beim IE.

(Wobei man bei Netscape ein Minuszeichen vor die margin-Agabe stellen muss, wenn man die Layer auf gleicher Höhe haben möchte, weil der NC das margin als relativ interpretiert.)

Ich hoffe, das hilft Dir weiter

Gruß Hartmut

[Thomas J.S.]

Hallo!

Sorry daß ich mich hier einmische, aber für den folgeden Code kann ich dir raten; gebe eine »border:solid 1px blue; « zu dem CSS-Code und dann kannst du sehen was beim NS gemacht worden ist. Diese "Positionierung" bringt eigentlich nichts.

Beim NC:

Im HTML-Code:
<div class="aa">
<a href="XY.htm" onMouseOver...usw.>
<img src="logo.gif" width=94 height=76></a>
</div>
im css-Code:
div.aa {margin-top:457px;margin-left:349px;width:76px;}
und für Layer ohne Link bei NC: wie beim IE.

(Wobei man bei Netscape ein Minuszeichen vor die margin-Agabe stellen muss, wenn man die Layer auf gleicher Höhe haben möchte, weil der NC das margin als relativ interpretiert.)

Daß NS 'margin' als relativ interpretiert ist ganz richtig. Denn 'margin-top:' definiert wie weit das Elements (hier das <id class="aa"> obere 'margin' von dem vorangehenden Elements untere 'margin' ist. Und das ist immer relative.

Grüße
Thomas