Cursorproblem mit Internet Explorer

    Hallo,

    ich arbeite gerade an einem kleinen Internetauftritt: http://xxxxx.bplaced.net/website/index.html

    Dort habe ich auf der Startseite verschieden Bilder mit Bildunterschriften, die als Hyperlink dienen. Die oberen 20px des Bildes dienen dazu, das Bild zu verschieben. Für diesen Bereich habe ich eine Div Box angelegt, damit dort der Mauszeiger "Move" erscheint. Dies ist zwar sowieso in dem .js des jquery slideviewer so definiert, aber dort wird natürlich der ganze umschließende Bereich dann mit diesem Mauszeiger gekennzeichnet. Deshalb der auf den ersten Blick recht unübersichtliche Quellcode.

    Aufjeden Fall funktioniert das jetzt alles so wie ich will in Firefox. Im InternetExplorer wird in den oberen 20px des Bildes allerdings kein move Cursor angezeigt.

    Ist es möglich den Quelltext so umzuschreiben, dass auch im Internet Explorer der Move Cursor in diesem Bereich angezeigt wird?

    Hier ein Beispiel des relevanten Quellcodes: [INDENT][INDENT]<div id="farbbox" style="position:absolute; left:505px; top:322px; width:150px; height:20px; ">

    <div style="position:absolute; left:0px; top:0px; width:150px; height:120px; cursor: auto;">
    <div align="center"><img src="bilder/startseite/color.jpg" alt="color" />
    <a href="color.html" target="_self">COLOR </a></div>
    </div>

    <div style="position: absolute; left: 0px; top: 0px; width: 150px; height: 20px; cursor: move; "> </div>

    <a href="color.html" target="_self"><div style="position: absolute; left: 0px; top: 20px; width: 150px; height: 80px; background: blue; opacity: 0.0; filter: Alpha(opacity=0); cursor: pointer; "> </div></a>

    </div>[/INDENT][/INDENT]
    Vielen Dank,
    Michael

    Hi Michael

    Ich heisse auch Michael :D

    Aber zum Problem:
    Erstmal: Lagere deine Stylesheets aus und mach dafür eine Klasse in CSS.

    HTML

    HTML
    <div class="bild">
<div class="move"></div>
<img src=""....... /><br />
<a href=""......>Linktext</a>
</div>

    CSS

    HTML
    .bild { width: breite in px; }
.move { height: 20px; cursors: move;  }

    Dein sinnloses Absolut-Positionieren ist nicht grad sinnvoll.

    Hier die Referenz:
    http://www.css4you.de/cursor.html

    Hier die Demo, dasses geht:
    http://www.css4you.de/example/cursor.html

    MFG Michael (ffx5)

    hab´s herausgefunden - musste der div box mit dem move cursor einen transparenten hintergrund geben.

    also hat sich´s erledigt.

    trotzdem vielen dank!

    Aber nimm dir trotzdem zu Herzen, dass du das mit CSS Klassen lösen sollst.
    Der Quellcode, den du gepostest hattest, ist einfach grausam, ist so.