HTML/CSS - DIV wird nicht korrekt platziert (IE)

[Syoska]

Hallo html.de-Comm,
ich arbeite gerade an einer Homepage, bei dieser Homepage geht es darum das per klick auf ein Wort eine Aktion ausgeführt werden soll(mithilfe von jQuery).
Bin da noch nicht ganz so drin, aber prügel mir einige Tut's in den Kopf, wenn es gerade neben der Arbeit möglich ist. :grin:

Nun zum eigentlichen Problem:
Am Besten geb ich euch erstmal den QuellCode.

//---- Javascript Teil ----//

$(document).ready(function(){


$('#1').hide();
$('#2').hide();
$('#3').hide();
$('#4').hide();
$('#5').hide();
$('#6').hide();
$('#7').hide();
$('#8').hide();
$('#9').hide();
$('#10').hide();
$('#11').hide();
$('#12').hide();
$('#13').hide();
$('#14').hide();
$('#ende').hide();
$('#menue1').hide();




$("#start").click(function () {



$('#menue1').fadeIn(100);






$('#ende').fadeOut(100);
$('#vorschau').fadeOut(500);

$('#1').delay(1000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#2').delay(7500).fadeIn(2500).delay(3000).fadeOut(1000);


$('#3').delay(14000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#4').delay(20500).fadeIn(2500).delay(3000).fadeOut(1000);


$('#5').delay(27000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#6').delay(33500).fadeIn(2500).delay(3000).fadeOut(1000);


$('#7').delay(40000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#8').delay(46500).fadeIn(2500).delay(3000).fadeOut(1000);


$('#9').delay(53000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#10').delay(59500).fadeIn(2500).delay(3000).fadeOut(1000);


$('#11').delay(66000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#12').delay(72500).fadeIn(2500).delay(3000).fadeOut(1000);


$('#13').delay(79000).fadeIn(2500).delay(3000).fadeOut(1000);


$('#14').delay(85500).fadeIn(2500).delay(3000).fadeOut(1000);



$('#ende').delay(92000).fadeIn(2500);

$('#menue1').fadeOut(93000);




});



});

// -- Ende -- //

// -- html -- //
<div id="menue" style="border:3px grey solid;">
<p style="margin-left:55px;" ><a id="start">Animation</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="../../Willkommen/Sequenz 1/Index.html">Zurück zu Willkommen</a></p>

</div>
<div id="menue1"></div>

// -- html ende -- //


Was geht da ab:
1. div mit der ID menue beinhaltet den "Link" mit der ID start.
2. wenn man darauf klickt wird oben die Funktion "start" ausgeführt.
3. welche wiederum in bestimmten Zeitabständen Bilder ein- und ausfaden lässt.
4. am Ende befindet sich eine DIV mit der ID menue1, welches dafür zuständig ist sich transparent exakt über den Link zu legen sobald dieser einmal gedrückt worden ist damit man nicht tausendmal diese Funktion aufrufen kann, sondern erst warten muss bis sie abgelaufen ist.
5. habe extra die css ausrichtung von menue kopiert und auch menue1 zugewiesen mit dem unterschied das menue die z-index 99 und menue1 die z-index 100 hat.

6.
• Google Chrome getestet √
• Mozilla Firefox √
• Safari √
• Opera (nicht getestet - nicht relevant)
• IE (extrem wichtig - allerdings legt er das DIV nicht über das Menü! :()

Wär super, wenn mir jemand schnell helfen könnte.
Bin jetzt seit 2 Wochen am Beißen und muss mich leider geschlagen geben.

P.S: Ich weiß das diese Programmierung nicht die beste ist habe diesen Fehler nun schon fast 1 Woche und muss das Projekt morgen in der Schule präsentieren. Also bitte ich euch macht mir bitte erstmal keine Gegenvorschläge, sondern helft mir bitte den Fehler mit dem DIV zu beheben.

mfg
Syoska

 

[MrMurphy]

Hallo,

mit deinen Code-Schnipseln kann niemand was gescheites anfangen. Stell die Seite mal online, freien Speicher gibt's heute ja reichlich und kostenlos.

Außerdem ist es üblich, Quellcode in Foren zu maskieren, sie also in ein dafür vorgesehenes Element einzuschliessen.

Gruss

MrMurphy

 

[Cheffchen]

Hallo,

also wie @MrMurphy schon sagt ohne Link kann man die nicht helfen da es bestimmt an was ganz anderen liegt, css problem bzw was für ein doctype?
Also bitte Online stellen.

ps: dank dropbox brauchst noch nicht mal hosting.

Cheffchen