nicht angemeldet
Problem mit Fenstergrößenänderung
Moin!
Ich verwende auf einer Website einen Image-Fader für Links.
Die Links bestehen aus kleinen Grafiken, die als Hintergrund in passenden Tabellen kleben. Beim Mouseover setzt der Script dann die Mousover Grafik drüber. Das funktioniert auch prima.
Wenn man die Seite aber im IE 6 lädt und dann die Fenstergröße verändert, funktionieren die Links teilweise nicht mehr. Die Tabellengrößen sind alle fest definiert, sie werden also nicht zusammengeschoben oder Ähnliches.
FF scheint das Problem nicht zu kennen, da klappt alles bestens.
Wie kann ich dieses Problem lösen?
Danke!
Gruß,
Joe
-
hi,
FF scheint das Problem nicht zu kennen
Und du es nicht nachvollziehbar beschreiben zu wollen - oder ...?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hallo,
wie wärs mit nem Code-Auszug?
Grüße, Matthias
-
Ok, hier die URL der besagten Seite: http://schreibimpuls.com/
Das Problem sind die Links in der blauen Leiste am unteren Rand der Seite. (Home etc.)
Der Script im <head> sieht folgendermaßen aus:
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" src="http://schreibimpuls.com/javascript/JSFX_FadingRollovers.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
JSFX.Rollover("home", "http://schreibimpuls.com/graphics/buttons/button_home_over.jpg");
JSFX.Rollover("selbstm", "http://schreibimpuls.com/graphics/buttons/button_selbstm_over.jpg");
JSFX.Rollover("kreativ", "http://schreibimpuls.com/graphics/buttons/button_kreativ_over.jpg");
JSFX.Rollover("therap", "http://schreibimpuls.com/graphics/buttons/button_therap_over.jpg");
JSFX.Rollover("fort", "http://schreibimpuls.com/graphics/buttons/button_fort_over.jpg");
JSFX.Rollover("person", "http://schreibimpuls.com/graphics/buttons/button_person_over.jpg");
JSFX.Rollover("kontakt", "http://schreibimpuls.com/graphics/buttons/button_kontakt_over.jpg");
//-->
</SCRIPT>Der Script im <body> sieht so aus (Der Übersichtlichkeit halber nur für einen Link):
<td height="14" width="29" background="http://schreibimpuls.com/graphics/buttons/button_home.jpg">
<A HREF="index.php?page=home"
onMouseOver="JSFX.fadeIn('home')"
onMouseOut="JSFX.fadeOut('home')"><img name="home"
src="http://schreibimpuls.com/graphics/buttons/button_home.jpg" width="29" height="14" class="imgFader" border="0"></a></td>Die dazugehörige Javascript Datei ist hier zu finden: http://schreibimpuls.com/javascript/JSFX_FadingRollovers.js
Nochmal eine exakte Beschreibung des Problems:
Wenn man die Site im Browser öffnet, und die Fenstergröße des Browsers dann verkleinert, oder vergrößert und die Site dann nicht mehr neu läd und die Maus über einen der Links bewegt, dann funktioniert dieser nicht mehr. Also es erscheint weder der Fader-Effekt, noch kann man den Link anklicken. (Mauszeiger verändert sich nicht.) Die Links sollten ja aber auch nach einer Veränderung der Fenstergröße noch funktionieren. Im Firefox habe ich dieses Problem nicht. Nur im Internet Explorer 6. An den Tabellengrößen oder irgendweiner Verscheibung kann es eigentlich nicht liegen, da ich für die Tabellen immer feste Größenangaben gemacht habe.
Ich hoffe das ist verständlich.
Gruß,
Joe-
hi,
Ok, hier die URL der besagten Seite: http://schreibimpuls.com/
Das Problem sind die Links in der blauen Leiste am unteren Rand der Seite. (Home etc.)
Ziemlich widerlich, sich bei einer Problemanalyse durch einen derartigen Tabellen-Quellcode quälen zu müssen ...
Wenn man die Site im Browser öffnet, und die Fenstergröße des Browsers dann verkleinert, oder vergrößert und die Site dann nicht mehr neu läd und die Maus über einen der Links bewegt, dann funktioniert dieser nicht mehr.
Mit der [tab]-Taste kann ich ihn nach wie vor ansteuern, und mit [enter] auch aufrufen.
Es scheint also so, als ob die Links von einem anderen Element überlagert würden.
Welches das sein mag, darfst du in dem Code aber selber herauszufinden versuchen - mir ist das zu unübersichtlich.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Dafür dass ich mich mit Design befasse und nicht wirklich Scripten kann funktionieren die Dinger ganz gut, finde ich. Tut mir Leid, dass ich nicht zufällig Dipl. Informatiker bin und hier einen super übersichtlichen Quelltext präsentieren kann. Dann bräuchte ich hier allerdings auch keine Fragen stellen. Auf einer anderen Website habe ich gelesen, dass das Problem bekannt sein und hatte mit einer kompetenteren Antwort gerechnet. Wie auch immer, ich werde woanders suchen. Und wer weiß... villeicht lerne ich tatsächlich irgendwann wie man Websites ohne Tabellen baut!
-
Ach ja. Das Problem ist, dass IE offenbar mit der Größeneinheit % in der Tabelle zur Ausrichtung nicht klar kommt. Stand in der ersten Zeile des <body>. Das hätte man, denke ich leicht, entdecken können. Schade.
-
-
-