Seite fkt. unter Safari, aber nicht unter Firefox

[2go]

Ich flipp aus: die Seite http://k9architekten.de/menu/hochbau.htm funktioniert unter Safari (da steckt dann hinter jedem Bild nochmal was), aber unter Firefox nicht.
Hat vielleicht jemand von euch einen Tipp parat? Da wär ich echt dankbar!

Grüße, 2go

 

[ultrafox]

Was genau funktioniert denn nicht? Ich sehe zwischen Safari und Firefox keinen Unterschied...

 

[2go]

Die einzelnen Bilder sind klickbar, so daß man beim jeweiligen Projekt rauskommt. Unter Safari kann man auf die Bilder klicken, untern Firefox nicht (bzw. man kann zwar klicken, dann passiert aber nix).

 

[Gondomir]

Die Seite funktioniert mit Framesets (die Technik aus den 90er Jahren), da macht der Firefox wohl was anderes. Der FF lädt anscheinend was, zeigt es aber nicht an.
Javascript-Fehler ist auch keiner, das ist oft der Grund wenn was nicht tut.

 

[2go]

@Gondomir: Danke. Meinst, da gibt's einen workaround, so daß die Framesets bleiben können oder muß das alles geändert werden (und zu was?) damit's passt?

 

[falkgottschalk]

Ich verwende wegen Problemen mit Homebanking noch FireFox 17 - und damit geht die Seite auch. Ich vermute dann mal einen Bug in aktuelleren Versionen.

Technisch ist das nicht mehr so ganz auf der Höhe, das riecht nach Redesign.

 

[Difool]

Hi,

du könntest auf den javascript-kram verzichten.

Beispiel: (die urls bekommen noch 2 Punkte am Anfang: ../hochbau/usw. – die Forumsoftware parsed das hier nur falsch.)

<td width="135">
<a href="/hochbau/2007/04.htm" target="home">
<img width="135" height="105" border="0" src="/hochbau/main/HO-Schloesschen-Offenburg.jpg">
</a>
</td>

Und für diesen Bilder-Mouseover-Effekt nimmst du css3:

dem image eine "class" geben:

<td width="135">
<a href="/hochbau/2007/04.htm" target="home">
<img class="greydout" width="135" height="105" border="0" src="/hochbau/main/HO-Schloesschen-Offenburg.jpg">
</a>
</td>

…und das css dazu.

     .greydout {
      -webkit-opacity: 0.25;
      -moz-opacity: 0.25;
      opacity: 0.25;
    } 

    .greydout:hover {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
    }