IE und DIV-Verschiebung per CSS
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"><!--
function test(){
document.getElementById('Layer6').style.left= 250;
document.getElementById('Layer6').style.top = 500;
}
-->
</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>
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.
Zwei Dinge sind Unbestreitbar:Aktuelle Abendlektüre: Stephen King, Peter Strauch: Das schwarze Haus (Black House, 2001)
- In einem Land, in dem Amerika Krieg führt, herrscht nachher Demokratie.
- Die Erde ist eine Scheibe!
Aktuelle Bewertung: Abgesehen davon, dass der Roman mal wieder demonstriert, dass der Author geistesgestört ist, sehr träge; wenig Spannung; schlechter Erzählstil. King halt^^!
Nun gut zu wissen das der Fehler wenigstens nicht nur bei Mir auftritt...
Aber wirklich geholfen ist mir damit auch noch nicht...
Trotzdem Danke...
Gut, dann lösen wir dein Problem mal:
Das wäre mein serverseitiger Vorschlag, die Randgruppe IE-Benutzer einfachPHP-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");
?>
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:
Wenn du die beiden Angaben aus dem Styletag löschtst, stürtzt selbstCode:scrollbar-face-color:#bb0055; scrollbar-track-color:#bb55;
der IE nicht mehr ab!
Zwei Dinge sind Unbestreitbar:Aktuelle Abendlektüre: Stephen King, Peter Strauch: Das schwarze Haus (Black House, 2001)
- In einem Land, in dem Amerika Krieg führt, herrscht nachher Demokratie.
- Die Erde ist eine Scheibe!
Aktuelle Bewertung: Abgesehen davon, dass der Roman mal wieder demonstriert, dass der Author geistesgestört ist, sehr träge; wenig Spannung; schlechter Erzählstil. King halt^^!
Danke!
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
Natürlich geht das. in deinem beispiel dann mit #layer6{};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?
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.
Zwei Dinge sind Unbestreitbar:Aktuelle Abendlektüre: Stephen King, Peter Strauch: Das schwarze Haus (Black House, 2001)
- In einem Land, in dem Amerika Krieg führt, herrscht nachher Demokratie.
- Die Erde ist eine Scheibe!
Aktuelle Bewertung: Abgesehen davon, dass der Roman mal wieder demonstriert, dass der Author geistesgestört ist, sehr träge; wenig Spannung; schlechter Erzählstil. King halt^^!
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
Ich seh da jetzt kein ProblemCode:<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> </td> </tr> </table> </div> </body> </html>
Zwei Dinge sind Unbestreitbar:Aktuelle Abendlektüre: Stephen King, Peter Strauch: Das schwarze Haus (Black House, 2001)
- In einem Land, in dem Amerika Krieg führt, herrscht nachher Demokratie.
- Die Erde ist eine Scheibe!
Aktuelle Bewertung: Abgesehen davon, dass der Roman mal wieder demonstriert, dass der Author geistesgestört ist, sehr träge; wenig Spannung; schlechter Erzählstil. King halt^^!
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
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren