Slider unter Chrome und IE werden falsch angezeigt

[darkdevel]

Leute ich hab da wieder mal ein Problem das ich nicht verstehen kann. Ich habe einen Slider in die Homepage eingebaut.

<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/
cycle/jquery.cycle.all.2.74.js"></script>
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow')
    .after('<div id="nav">')
    .cycle({
        fx: 'turnDown', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    pager:  '#nav'
    });
});
</script>

Javascript wurde so eingebaut das man es nicht auf den Rechner laden muss. (vielleicht ein Fehler)

<div class="slideshow">

    <img src="http://www.psd-tutorials.de/forum/images/slider1.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider2.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider3.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider4.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider5.jpg" />

    </div><!--end slideshow-->

Das ist der normale Aufbau der Slideshow.

.slideshow {
    width: 960px;
    height: 482px;
    margin: 30px auto;
	padding-bottom:20px;
}
.slideshow img {
   padding: 20px;
    background: #f3f3f3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

So das ist die CSS dazu.
Wenn ich offline bin und an der Seite arbeite dann zeigt der Mozilla die Slideshow sauber so wie sie sein soll. Chrom und IE zeigen die Bilder untereinander. Gehe ich online dann zeigt der Chrome meine Slideshow auch sauber. Während IE immer noch den selben Fehler macht.

Wie kann ich das beheben das mir wir im Mozilla die beiden anderen Browser den Slider sauber anzeigt auch wenn ich offline an der Seite arbeite . Hab ich irgendwo eine Zeile vergessen?
Noch zur Info bevor die Frage kommt ich hab die Homepage im Moment unter Xampp laufen

 

[Myhar]

AW: Slider unter Chrome und IE werden falsch angezeigt

Du hast zwar die Codeteile gepostet, aber in denen sind, soweit ich das erkennen kann, keine Fehler vorhanden. du verwendest zwar eine sehr alte Version von jQuery, aber wenn du die nur für den slider verwendest sollte es egal sein.
Zu deinem konkreten Problem, schau in der lokalen Version einmal in die jeweiligen Webdeveloper Tools der Browser ob sie dir einen Fehler in der JS-Fehlerkonsole anzeigen. Wenn nicht kontrolliere, ob auch alle Scripts geladen werden.
Ansonsten hilft immer noch, einen Link zur Onlineversion zu posten.

 

[darkdevel]

AW: Slider unter Chrome und IE werden falsch angezeigt

Danke ich hab jetzt mal unter Firebug nachgeschaut und da bekomme ich folgenden Fehler gezeigt.

ReferenceError: $ is not defined
[Bei diesem Fehler anhalten]

$(document).ready(function() {

Ich dachte eigentlich das der Code so stimmt.

 

[Myhar]

AW: Slider unter Chrome und IE werden falsch angezeigt

Das heißt, dass jQuery nicht geladen wird. Was zeigt er dir denn bezüglich der Datei an? Kommt da lokal ein 404er zurück, wenn du die einbindest? Oder was anderes?

 

[darkdevel]

AW: Slider unter Chrome und IE werden falsch angezeigt

Gar nichts. Ich lade die Seite über den Localhost ganz normal. Die Seite sieht gut aus dann mache ich weiter im Editor speichere lade die Seite neu und sie ist im Slider zerscossen. Also werde ich die js doch runter laden und einbinden. Anscheinend liegt da mein Fehler

 

[Myhar]

AW: Slider unter Chrome und IE werden falsch angezeigt

Es kann nicht "gar nichts" zurückkommen. Entweder die Datei wird geladen oder sie wird nicht geladen, etwas anderes kann nicht vorkommen. Im Firebug gibt es auch den Reiter "Netzwerk", da kannst du für jede Datei sehen, ob sie übertragen wurde. Wenn das der Fall ist, dann liegt der Fehler wohl doch woanders.