✔ Cursorproblem mit Internet Explorer

M

mxxxx

Grünschnabel
Hallo,

ich arbeite gerade an einem kleinen Internetauftritt: HIER

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:

<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>​




Vielen Dank,
Michael
 
Den Wert auto habe ich dort ganz bewusst gesetzt. Durch das .js wäre nämlich die ganze div box mit dem move cursor gekennzeichnet. Also z.B. auch der Bereich unter dem Bild und neben dem Text, der sich noch in der umschliessenden Div Box befindet. Um das zu verhindern musste ich hier erstmal den Cursor "auto" einsetzen.

Schau Dir am besten die Internetseite an - dort kann man es besser sehen, als nur im Quelltext. Wie gesagt im Firefox funktioniert das perfekt, nur der Internet Explorer zeigt in den oberen 20px kein move cursor an.

Wisst Ihr an was das liegen könnte?


Vielen Dank
 
Sorry, hab da wohl in deinem unformatiert geposteten Code den existierenden Wert move übersehen :p

Setz die Box mal so um:
Code: 
<div id="farbbox" style="position:absolute; left:505px; top:322px; width:150px; height:20px;">

<div style="position:absolute; left:0px; top:20px; 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; background: #fff;"></div>

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

</div>


mfg Maik
 
Danke! Gute Idee, allerdings kann ich so ja nur das Bild verschieben, wenn ich mit der Maus im Bereich 20px darüber bin. Hab nun aber der Div Box, in der der Move Cursor angezeigt werden soll einen transparenten Hintergrund gegeben und nun läufts..

danke nochmal
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück