IE und DIV-Verschiebung per CSS

teletobi · 15.11.2004, 11:17

Ich habe mir eine kleine Seite zurecht gebaut in der Ich ein Menü mit <div> "Layer" zusammen bauen wollte...
nur leider habe Ich ein Problem mit dem IE...
Sobald Ich in dem <div> eine <textarea> habe und ich versuche den Layer zu verschieben, macht der IE einfach zu ohne Vorwarnung! Keine Fehlermeldung, einfach nichts! Nur ENDE! Im Mozilla läufts prima und problemlos! Auch keine Fehler in JS-Console!
Manchmal klappt es aber spätestens nach nem Reload ist Feierabend..
Leider konnte ich bis jetzt noch nicht herausfinden woran das liegt...
vielleicht hat ja jemand eine rettende IDEE!!

Einfach in den Browser klicken und SCHLUSS is..
hier abgespeckte der Code (aber Fehler ist noch drinne!):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>LayerTest</title>
<script type="text/javascript">
</script>
</head>
<body onMouseDown="test()">
<div id="Layer6" align="right" width="100" height="100" style="position:absolute;top:100px;left:100px;width:100px;height:100px;">
<br><table border=1 cellspacing=0 cellpadding=0 width="100%" height="100%" style="line-height:10px;background-color:#bb0055">
<tr>
<td style="cursor: crosshair;" height="5" width="100%" colspan=2 bgcolor="dddddd" id="Layer6a">Messages</td>
</tr>
<tr>
<td height="100%" width="100%">
<textarea id="notice" name="notice" cols="50" rows="5" class="text_white" style="width:100%;height:100%;background-color:#bb0055;border:0px;scrollbar-face-color:#bb0055;scrollbar-track-color:#bb0055;z-index:6;"></textarea>
</td>
</tr>
<tr>
<td height="5" colspan=2> </td>
</tr>
</table>
</div>
</body>
</html>

Dennis The Menace · 15.11.2004, 17:58

Naja, der Code ist fehlerfrei; Opera bekommt es hin, Mozilla - was willst du mehr?
Schei* einfach auf die restlichen 89% aller Internetnutzer

Du kannst dich ja mal in der Bugliste vom IE (hat in etwa soviele Seiten wie ein Urteil
des Bundesverfassungsgerichts), umsehen, oder:

schreib einfach ne neu Funktion, die es anders löst.

teletobi · 16.11.2004, 10:36

Nun gut zu wissen das der Fehler wenigstens nicht nur bei Mir auftritt...

Aber wirklich geholfen ist mir damit auch noch nicht...

Trotzdem Danke...

Dennis The Menace · 16.11.2004, 13:53

Gut, dann lösen wir dein Problem mal:

PHP-Code:


			
<?php



 if( eregi( 'MSIE', getBrowser() )

  die("Sie benutzen den Internetexplorer von Microsoft.

        Leider stellt jener Browser für Sie und ihre Mitmenschen nicht nur

        ein großes Sichheitsrisiko da, sondern ist ebenfalls nicht in der

        lage, seine eigenen Style-Tags ordentlich zu interpretieren");



?>

Das wäre mein serverseitiger Vorschlag, die Randgruppe IE-Benutzer einfach
von der Seite ausschließen.

Da ich mal davon ausgehe, dass das nicht das ist, was du wolltest, der
Fehler liegt im Code nicht bei dem <textarea></textarea>, sondern an dem
Style="" dadrin.

Noch genauer liegt es an jenen beiden IE Pseudostyles:

Code:

scrollbar-face-color:#bb0055;
scrollbar-track-color:#bb55;

Wenn du die beiden Angaben aus dem Styletag löschtst, stürtzt selbst
der IE nicht mehr ab!

teletobi · 16.11.2004, 14:58

Super! Echt klasse! Da wäre Ich glaube Ich die nächsten 10 Jahre nicht drauf gekommen...

Funzt endlich! Sieht zwar nicht ganz so aus wie Ich wollte aber dafür funzt es...
Und in dem Fall geht die Funktionalität vor!!

Eine Frage hätte Ich aber noch...
Kann Ich den Style so ändern, das Ich in dem <div id="layer"> das style="position:absolute;top:100px;left:100px;width:100px ;height:100px;" weglassen und in die css-class übernehmen kann?

Ich dachta so an

#layer{
position:absolute;
top:100px;
left:100px;
width:100px ;
height:100px;
}

doch wenn Ich das Inline style Attribute aus dem <div> weglasse bewegt sich gar nichts mehr...

es geht zwar auch so... aber anders wäre es schöner...

Aber schon mal RIESEN DANKE SCHÖN für deine Hilfe Dennis
Hast mich echt weitergebracht!

Gruß Toby

Dennis The Menace · 16.11.2004, 15:35

Zitat:

Kann Ich den Style so ändern, das Ich in dem <div id="layer"> das style="position:absolute;top:100px;left:100px;width:100px ;height:100px;" weglassen und in die css-class übernehmen kann?

Natürlich geht das. in deinem beispiel dann mit #layer6{};

Und, wenn sich ncihts mehr bewegt, liegt das an:
document.getElementById('Layer6').style.left= 250;

Die müssen also die gleiche ID haben, und - du musst auf Groß/Kleinschreibung achten.

teletobi · 16.11.2004, 16:04

Das habe Ich versucht allerdings ohne Erfolg!
Sobald Ich den Inline Style weglasse lässt sich nichts mehr bewegen...

Oder hab Ich dich jetzt irgendwie falsch verstanden!?

Die Schreibweise ist bei beiden gleich (logisch)
sonst würde ja gar nichts gehen...

Da tut sich aber in beiden nichts.. IE und Mozilla
oder kann Ich irgendwie den left Wert in der #Layer6{} verändern?

Gruß Toby

Dennis The Menace · 16.11.2004, 16:12

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>LayerTest</title>
<script type="text/javascript"><!--
function test(){
document.getElementById('Layer6').style.left= 250;
document.getElementById('Layer6').style.top = 500;
}
-->
</script>
<style type="text/css"><!--
#Layer6{
position:absolute;top:100px;left:100px;width:100px ;height:100px;
}
#Layer6 table{
line-height:10px;background-color:#bb0055;
}
#notice{
width:100%;height:100%;background-color:#bb0055;border:0px;z-index:6;
}
//--></style>
</head>
<body onMouseDown="test()">
<div id="Layer6" align="right">
<br><table border=1 cellspacing=0 cellpadding=0 width="100%" height="100%">
<tr>
<td style="cursor: crosshair;" height="5" width="100%" colspan=2 bgcolor="dddddd" id="Layer6a">Messages</td>
</tr>
<tr>
<td height="100%" width="100%">
<textarea id="notice" name="notice" cols="50" rows="5" class="text_white"></textarea>
</td>
</tr>
<tr>
<td height="5" colspan=2>&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>

Ich seh da jetzt kein Problem

teletobi · 17.11.2004, 10:50

Ich weis zwar nich warum es bei mir nicht klappt.. aber ist egal... mit Inline Style gehts ja...

Aber trotzdem 1000 Dank... war echt super hilfreich...

Gruß Toby

IE und DIV-Verschiebung per CSS

hmmm

Danke!