problem mit drag and drop

Nur nochmal kurz auch wenn das Thema schon erledigt ist .

Aber früher oder später wirst Du wieder Probleme bekommen , man sollte das Drag Div in einen Dummy Container schubsen um die Stapelreinfolge des Internet Explorer zu überlisten die er jedesmal anlegt sobald ein Element eine Positionierung hat , auch wenn man keinen Z-Index angegeben hat. Das soll heißen der Inhalt von dem Element welches bewegt werden soll wird in den Dummy Container geclont.

Ansonsten würde es schon reichen dem Div einfach einen exorbitalen Z-Index zu geben.
Der IE verteilt aber den Z-Index automatisch sofern man ihn nicht gegeben hat und soweit ich es sehe waren deine beiden Boxen eh weiß somit hat der Mouseup Event eventuell gar nicht mehr gegriffen weil deine gedragte Box unter der anderen Box lag.

Dabei kommt noch der Z-Index Bug beim IE extra , 2 Elemente auf der selben Ebene sozusagen haben eine relative Positionierung meinetwegen. Zack bekommen sie vom IE einen z-index zugeschanzt. nun liegt in der oberen Box ein Container mit den Z-Index von 10000. Die würde im Opera , FF und Safari sich mit vergnügen über die untere Box schieben.
Im IE hingegen würde sie nun unter die untere Box rutschen.

Und darum hängt man am Ende des Dokuments einfach ein Art Dummy Container ein und schiebt diesen dann rum, denn der wird nun immer ganz oben sein.

Hier kann man sich das mal als Beispiel ansehen und im IE 6.0 den "Z-Index Bug" betrachten ;)

Code:
<html>
    <head>
        <style type="text/css">
            .box {
                position:relative;
                height:100px;
                width:200px;
                background:#ededed;
                margin:0 0 20px 0;
            }
            
            .subbox {
                position:absolute;
                top:50px;
                left:50px;
                width:100px;
                height:100px;
                background:#dedede;
                z-index:10000;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="subbox"></div>
        </div>
        <div class="box"></div>
    </body>
</html>

Bzw seh ich das deine Boxen überhaupt keinen Z-Index hatten das könnte im FF und Opera schon der Fehler gewesen sein. Mit einen leeren Textknoten da rein kopieren kommt mir ein wenig merkwürdig vor. Aber wenns denn funktionier auch gut ;)
 
Zuletzt bearbeitet:
Zurück