Strano comportamento di questo pezzo di codice

[Jigulina]

Ragazzi questo slide va bene con tutti i browser tranne che con IE, solo con l'otto va, ma appena premo "visualizza compatibilità" non va più.. Questo errore me lo da solo con IE, il Codice css:

Codice css:
ul.ppt {
	position: absolute;
        list-style-type: none;
}
.ppt li {
	list-style-type: none;
        position: absolute;
	top: 0;
	left: 0;
} 
.ppt img {
	border: 1px solid #e7e7e7;
	padding: 3px;
	background-color: #ececec;
}

Codice javascript:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');
 
function animate() {
	cur.fadeOut( 1000 );
	if ( cur.attr('class') == 'last' )
		cur = $('.ppt li:first');
	else
		cur = cur.next();
	cur.fadeIn( 1000 );
}
 
 
$(function() {
	setInterval( "animate()", 5000 );
} );
</script>

Con IE si sposta lo slide e va per i cavoli suoi, come posso risolvere il problema?

[Mich_]

Passa ad una DTD strict, con la quale IE si comporta un po' meglio e segue (quasi) gli standard.

PS: non hai postato il codice HTML, per cui non so a cosa si riferisce il CSS (ma non credo che sia quel pezzetto di CSS a darti i problemi - probabilmente nel codice JS che non hai postato ci sono altre modifiche al HTML e al CSS)

[vikey89]

Codice Css:
ul.ppt {
	position: relative;
}
 
.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}
 
.ppt img {
	border: 1px solid #e7e7e7;
	padding: 5px;
	background-color: #ececec;
}

Html:
<ul class="ppt"> 
	[*][img]ethernet.jpg[/img]</img> 
	[*][img]glasses.jpg[/img]</img> 
	[*][img]pisa.jpg[/img]</img> [/list]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');
 
function animate() {
	cur.fadeOut( 1000 );
	if ( cur.attr('class') == 'last' )
		cur = $('.ppt li:first');
	else
		cur = cur.next();
	cur.fadeIn( 1000 );
}
 
 
$(function() {
	setInterval( "animate()", 5000 );
} );
</script>

Questo è l'intero codice e solo questo non va con IE

[fcaldera]

se elimini/commenti/disabiliti il codice javascript, la situazione di partenza è corretta in tutti i browser?

[Jigulina]

No ho provato ad eliminare javascript, ma da sempre lo stesso problema... il codice che sto utilizzando è quello trovato su html.it,questo.
Non so come risolvere questo problema.

[fcaldera]

puoi pubblicare un link alla pagina che stai facendo?

[Jigulina]

http://www.mister-white.it/test/index.php

[Jigulina]

Nessuna risposta?

[Mich_]

Originariamente inviato da Mich_
Passa ad una DTD strict, con la quale IE si comporta un po' meglio e segue (quasi) gli standard.

Il codice e` quasi conforme alla DTD XHTML 1.0 Strict, ti basta togliere gli stili e gli script dal file HTML ed inserire qualche

attorno ai testi, oltre a sostituire i tag deprecati con quelli corretti.

Comunque i validatori ti possono essere di grande aiuto nel correggere la pagina.
validatore HTML e validatore CSS

[Jigulina]

Ma se elimino gli stili e lo script come va lo slideshow?