Styleswitcher-Problem beim IE

[perlmuttschwein]

Hallo Leute
Ich hab mir grade meine erste HP ohne Baukastensystem gebaut. Bisher hatte ich da immer nur im Rahmen der vorgegebenen Möglichkeiten drin programmiert.

Jetzt ist meine Seite seit gestern online www.perlmuttschweinchen.de
Im Mozilla funktioniert der Styleswitcher auch einwandfrei. Aber der IE macht was er will. Beim aufrufen sucht er sich scheinbar ein Style aus und wenn ich einen anderen aussuche hält er nur auf der Seite, er merkt es sich nicht für andere Seiten und wenn ich zurückgehe ist die Auswahl wieder weg.
Jemand aus unserem Meerschweinforum hat denselben Styleswitcher und der funktioniert auch bei IE. Hab ich doch was übersehen?

Im Head

<link href="style.css" rel="stylesheet" type="text/css" title="Blau" />  
<link href="lila.css" rel="alternate stylesheet" type="text/css" title="Lila" />  
<link href="gruen.css" rel="alternate stylesheet" type="text/css" title="Grün" />  
<script type="text/javascript" src="scripts/styleswitcher.js"></script> 

Im Body

<div class="styleswitch">  
        <a href="#"  
        onclick="setActiveStyleSheet('Blau');  
return false;"><img src ="images/blau.png" border="0" style="position:absolute; top:0px; left:900px;"/></a>  
<a href="#"  
onclick="setActiveStyleSheet('Lila');  
return false;"><img src ="images/lila.png" border="0" style="position:absolute; top:0px; left:925px;"/></a>  
<a href="#"  
onclick="setActiveStyleSheet('Grün');  
return false;"><img src ="images/gruen.png" border="0" style="position:absolute; top:0px; left:950px;"/></a>  
</div>

Nebenbei: Mein Gästebuch ist per iframe eingebunden, wird auch beim IE nicht richtig angezeigt...
LG

[Alexander (HH)]

Moin Moin!

Böse gesagt: Garbage in, Garbage out. Fang damit an, VALIDEN Code zu produzieren, dann ersetze die DIV-Suppe durch semantisches HTML (bei der Gelegenheit: onclick-Eventhandler benötigen kein A-Tag), und dann denk mal darüber nach, ob Du nicht besser damit fährst, ein festes, gutes Design statt einem Haufen umschaltbarer Designs zu haben. Du willst doch nicht http://www.csszengarden.com/ nachbauen, oder? Und mal ehrlich: 1,5 MBytes nur für eine Nagerzucht-Startseite ist Overkill, das lädt über meine gerade vorhandene Internet-Verbindung fast eine halbe Minute. Abspecken, runter auf 100 bis 200 kBytes Gesamtgröße, ist angesagt. Dreh die Bildqualität ein Stückchen runter (bzw. die Kompression rauf, je nach Software), das spart massenhaft Platz und Download-Zeit, ohne aufzufallen.

Alexander

[perlmuttschwein]

So macht das lernen ja richtig Spaß *ironieoff*
Das Design ist ne fertige Vorlage gewesen die mir schlichtweg gefallen hat. Viel hab ich daran nicht geändert, nur die Farbe angepasst und nen 2. Header drüber gelegt. Soviel Fehler kann ich an sich nicht eingebaut haben. So gut dass ich das alles komplett selber programmieren könnte bin ich noch nicht.
Ladezeit hab ich höchstens 2 Sekunden, selbst auf den Unterseiten mit vielen Bildern (aber das war hier ja nun nicht das Problem)
Und das sind auch keine zig verschiedenen Designs wenn du mal geschaut hast, das Styleswitching ändert nur die Farben ab. Auch wenn du es vielleicht anders siehst, ich hab mir viel Mühe gegeben. Aber jeder hat mal angefangen. Dachte Grundkenntnisse in HTML würden hier reichen, nicht das man Profi sein muß...

[Alexander (HH)]

Moin Moin!

Das Design ist ne fertige Vorlage gewesen die mir schlichtweg gefallen hat. [...] Soviel Fehler kann ich an sich nicht eingebaut haben.

Sofern die Vorlage valide war, hast Du immerhin 23 Stück eingebaut.

So gut dass ich das alles komplett selber programmieren könnte bin ich noch nicht.

Mußt Du ja nicht, aber der jetzige Stand ist technisch nicht sonderlich gut.

Ladezeit hab ich höchstens 2 Sekunden

Mit dem Großteil der Seite im Browsercache und einer fetten Internetanbindung. Für wen baust Du die Seite gleich nochmal? Für Dich oder für potenzielle Besucher? Es gibt auch in diesem Jahrhundert in diesem Land noch jede Menge Leute, die sich mit 56k oder weniger durchs Internet quälen müssen, weil sie an alten Telefonstrippen hängen, ohne jede Chance auf Breitband-Internet. Und wenigstens eine von denen interessiert sich definitiv für kleine Nager.

Und das sind auch keine zig verschiedenen Designs wenn du mal geschaut hast, das Styleswitching ändert nur die Farben ab.

Und genau da frage ich mich: Wozu? Das "Millionen Fliegen können nicht irren"-Prinzip? Du machst mit der Webseite eine Aussage, und dazu gehört auch die Gestaltung der Seite, natürlich auch die Farben. Umschaltbare Designs bedeuten -- gerade bei solchen Farbwechsel-Aktionen -- auch eine Umschaltung der Aussage.

Auch wenn du es vielleicht anders siehst, ich hab mir viel Mühe gegeben.

Das bezweifelt ja niemand.

Aber jeder hat mal angefangen. Dachte Grundkenntnisse in HTML würden hier reichen, nicht das man Profi sein muß...

"Profi sein" verlangt hier niemand, obwohl sich hier einige Profis rumtreiben. Insbesondere bei den Stammpostern dürfte der Anteil der Leute, die mit HTML, CSS & Co. ihr Geld verdienen, recht hoch sein.

Aber Lernbereitschaft wird hier vorausgesetzt.

Und eine der Lektionen ist, dass Browser bei invalidem Input jeden beliebigen Schrott produzieren dürfen, bis hin zur Totalverweigerung. Beim IE kommen noch ein paar weitere Macken hinzu, z.B. Quirks Mode und "hasLayout". Grundvoraussetzung, um saubere Ergebnisse zu bekommen, ist also erst einmal, dass der Input sauber ist.

Nächste Lektion: Suchmaschinen wie Google lieben semantisches (X)HTML. Auch wenn <div style="font-size:200%; text-decoration:underline;">bla</div> auf dem Bildschirm näherungsweise wie eine Überschrift aussieht, ist es für die Suchmaschine doch nur Fließtext. Erst <h1>, <h2>, <h3> ... sind Überschriften, die für Suchmaschinen interessant sind.

Noch eine Lektion: Javascript, Java, Cookies, Flash, usw. sind nicht überall verfügbar. Bei Suchmaschinen schon mal gar nicht, und bei vielen genervten Vielsurfern auch eher selten. Diverse Proxies, insbesondere in großen Unternehmen, filtern außerdem HTML und Javascript und blockieren einige Inhalte. Beispiel: Mein Browser erlaubt standardmäßig weder Javascript noch Plugins wie Flash noch 3rd Party Cookies, und Cookies halten nur so lange, wie der Browser läuft, egal was der Server gerne hätte. Einige privilegierte Sites bekommen von mir das Recht, Cookies dauerhaft zu speichern und/oder Javascript und/oder Flash zu benutzen. CSS ist bei mir normalerweise freigegeben, bis mich eine Seite mit einem komplett kaputtem Design (schlimme Farben, winzige Schriften, ungenutzter Platz) nervt und ich selektiv auch CSS abschalte.

Alexander

[perlmuttschwein]

Nun besser? :-P

Schau mal

I-wie scheint der Stylewechsel mich zu hassen. Ich lass es nun so wie es jetzt ist. Scheint so bei den meisten zu laufen *schulterzuck*

Eingebaut hatte ich übrigends 2 Fehler, die 21 anderen waren Folgeprobleme ;-)

[Alexander (HH)]

Moin Moin!

Nun besser? :-P

Schau mal

Durchaus. Wenn jetzt der Webserver noch etwas schweigsamer wäre, was die installierten Patches und Extras anginge, wäre das richtig gut. Aber das ist wohl nicht Deine Baustelle.

I-wie scheint der Stylewechsel mich zu hassen. Ich lass es nun so wie es jetzt ist. Scheint so bei den meisten zu laufen *schulterzuck*

Gute Einstellung.

Eingebaut hatte ich übrigends 2 Fehler, die 21 anderen waren Folgeprobleme ;-)

Und jetzt siehst Du Dir mal das "Outline Result" an, das dir zeigt, was Suchmaschinen an Deiner Seite besonders interessant finden.

Das Problem kannst Du übrigens über ein anderes Tool noch besser erkennen.

Vergleich das mal z.B. mit der Analyse von spiegel.de.

Alexander

[ChrisB]

Hi,

Jetzt ist meine Seite seit gestern online www.perlmuttschweinchen.de
Im Mozilla funktioniert der Styleswitcher auch einwandfrei. Aber der IE macht was er will.

Kann ich im IE 8 nicht nachvollziehen.

Beim aufrufen sucht er sich scheinbar ein Style aus und wenn ich einen anderen aussuche hält er nur auf der Seite, er merkt es sich nicht für andere Seiten und wenn ich zurückgehe ist die Auswahl wieder weg.

Mein IE 8 behält den gewählten Stil auch über Seitenwechsel hinaus bei.

Hab ich doch was übersehen?

Vermutlich die Tatsache, dass du in deinem IE die Annahme von Cookies verweigerst, die der Styleswitcher benutzt, um die Auswahl zu speichern.

MfG ChrisB

[perlmuttschwein]

Hi Chris

also Cookies hab ich zugelassen. Hab die Seite sogar extra zusätzlich freigegeben. Aber will nicht :( Hab IE7
Die Seite von unserem anderen Forumsmitglied funktioniert bei mir ohne Probs. Und ich hab dasselbe Script, und alles genauso eingebunden. Das ists was mich wundert. Sie hat allerdings nur 2 Designs, kanns daran liegen?

LG