FloatMenu nie działa pod IE8 Opcje

[Mega_88]

Hej Wam !

Mam problem z FloatMenu, które nie działa mi tylko pod przeglądarką Internet Explorer 8. Wszystkie inne takie jak Internet Explorer 9, Opera, FF, Chrome, Safari, Mozilla poprawnie to "mielą", a ten zacofany IE8 nie chce tego ruszyć. Pytanie tylko czemu nie chce mi to działać pod IE 8 ? Może ktoś wie o co chodzi tej przeglądarce (IMG:style_emoticons/default/arrowheadsmiley.png) Zauważyłem, że gryzie mi się to z pierwszą cześcią skryptu (podkreślone), ale co tam jest źle skoro pod innymi działa ?

p.s - po usunięciu częsci podkreślonej FloatMenu zaczyna działać pod IE8.

Kod JS + inne rzeczy wygląda tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
$('.button1, .button2, .button3, .button4, .button5').stop().animate({"backgroundPosition":"0 -100"},1350);
$('.button1, .button2, .button3, .button4, .button5').hover(function() {
$(this).stop().animate({"backgroundPosition":"0 0"},500);
},function() {
$(this).stop().animate({"backgroundPosition":"0 -100"},200);
});
$('.button5, .button6, .button7').stop().animate({"backgroundPosition":"0 -5"},350);
$('.button5, .button6, .button7').hover(function() {
$(this).stop().animate({"backgroundPosition":"0 0"},500);
},function() {
$(this).stop().animate({"backgroundPosition":"0 -5"},200);
}); 
});
var name = "#floatMenu";  
var menuYloc = null;  
 
$(document).ready(function(){  
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))  
$(window).scroll(function () {  
var offset = menuYloc+$(document).scrollTop();
if( offset < 600 ) offset = 600;
$(name).animate({top:offset+"px"},{duration:500,queue:false});  
}); 
});[/b] 
</script>
[HTML] pobierz, plaintext 

[b]Poniżej kod HTML:

[PHP] pobierz, plaintext 
<?php
if($id==7) echo 
'<div id="floatMenu">
<ul>  
<a href="#oferta"><h2>Oferta</h2></a>
<a href="#zapytanie"><h2>Zapytanie</h2></a>
<a href="#podstawa"><h2>Podstawa prawna</h2></a>
<a href="#referencje"><h2>Referencje</h2></a><br /><br />
<a href="#gora"><h3>do góry</h3></a>
</ul>   
</div>'
			?>	
[PHP] pobierz, plaintext 

Oraz styl CSS:

[HTML] pobierz, plaintext 
#floatMenu {  
position:absolute;
padding-top:0px;
bottom:30px;
top:90px;    
margin-left:0px; 
max-height:800px;
width:300px; 
float:left;
}
[HTML] pobierz, plaintext 

Ten post edytował Mega_88 5.09.2011, 00:09:34

[!*!]

Twój kod w ogóle nie działa. Wklej go poprawnie czytając ten temat i podaj link. Poza tym jest dużo gotowych rozwiązań.

http://manos.malihu.gr/jquery-floating-menu
http://plugins.jquery.com/project/jquery-floater

[Rid]

A próbował bawić się w IE8 trybami widoków?(IMG:style_emoticons/default/questionmark.gif)

Ten post edytował Rid 5.09.2011, 10:15:56

[Mega_88]

Całe FloatMenu jest gotowym skryptem pobranym właśnie z podobnych stron, które podałeś (IMG:style_emoticons/default/Lkingsmiley.png) Problem leży w samym skrypcie ponieważ na stronie, z której pobrałem FloatMenu działą pod IE8, a u mnie nie chce. Więc gryzie mi się z pozostałą cześcią skryptu ponieważ po usunięciu pozostałem częsci FloatMenu zaczyna działać.
Coś się gryzie w tym całym skrypcie, który podałem. Nie mogę zlokalizować błedu.

A próbował bawić się w IE8 trybami widoków?

Nie, szczerze nie wiem o czym mowa.

[!*!]

Pokaż cały kod przy pomocy jsfiddle.net. Trybami widoków nie zawracaj sobie głowy, bo ktoś i tak może mieć je inne.

Sprawdź też Opera > dragonfly, Firefox > firebug - powinno wyświetlić błąd.

Ten post edytował !*! 5.09.2011, 12:09:23

[Mega_88]

<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
$('.button1, .button2, .button3, .button4, .button5').stop().animate({"backgroundPosition":"0 -100"},1350);
$('.button1, .button2, .button3, .button4, .button5').hover(function() {
$(this).stop().animate({"backgroundPosition":"0 0"},500);
},function() {
$(this).stop().animate({"backgroundPosition":"0 -100"},200);
});
$('.button5, .button6, .button7').stop().animate({"backgroundPosition":"0 -5"},350);
$('.button5, .button6, .button7').hover(function() {
$(this).stop().animate({"backgroundPosition":"0 0"},500);
},function() {
$(this).stop().animate({"backgroundPosition":"0 -5"},200);
});
});
var name = "#floatMenu";
var menuYloc = null;

$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () {
var offset = menuYloc+$(document).scrollTop();
if( offset < 600 ) offset = 600;
$(name).animate({top:offset+"px"},{duration:500,queue:false});
});
});
</script>

Czemu ten skrypt, a dokładniej jego druga część nie działa mi pod IE8 co się gryzie ze sobą ? Problemy też z pierwszą cześcią, ale bardziej zalezy mi na drugiej częsci skryptu. Co ciekawe jak zostawie tylko część pogrubioną to zaczyna działać pod IE8 ... Czemu tak się dzieje ?