HTML Probleme nur FF-kompatibel + Balken (Image Ready)

html.de-Forum HTML, XHTML & CSS
1

Also mein Problem ist wie folgt : Ich habe eine Website mit Image Ready erstellt einen Rollovereffekt eingebaut der aber leider nur bei FireFox funktioniert :confused: das ist Problem 1.

Problem 2 ist das der iFrame indem andere Bilder geladen werden sollen (wenn man einen Button drückt=funktioniert) diese Bilder im Frame nicht vollstädnig den Frame einnehmen und wenn man auf das Bild klickt wird heran gezoomt und es erscheinen 2 störende Balken. Ich denke diese 2 Balken (Horizontal und Vertikal) sind auch der Grund dafür, dass das Bild nicht komplett in den Frame passt bzw diesen einnimmt.

Hoffe ihr könnt mir helfen.

iFrame :

[CODE]

[/CODE]Index (geteilt in 3 wegen max. Zeichen) [CODE] Fotostudio [/CODE]
2

</tr> <tr> <td> <img src="images/Fotostudio_08.gif" width="106" height="3" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td> <a href="images/Fotostudio_06.gif" target="iFrame" scrolling="0" frameborder="0" border="0" onmouseover="toggleImages('Fotostudio_Home_1', new Array('Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-over.gif'), 'Fotostudio_Kontakt_1', new Array('Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-over.gif'), 'Fotostudio_Preise_1', new Array('Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-over.gif'), 'Fotostudio_Bilder_1', new Array('Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-over.gif'), '', new Array('Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-over.gif')); return true;" onmouseout="toggleImages('Fotostudio_Home_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-sel.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Angebot_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-sel.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Kontakt_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-sel.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Preise_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-sel.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Bilder_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1-sel.gif'), '', new Array('Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif')); return true;" onmouseup="selected='Fotostudio_Angebot_1'; changeImages('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-sel.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'); return true;"> <img name="Fotostudio_Angebot_1" src="images/Fotostudio_Angebot-1.gif" width="106" height="45" border="0" alt=""></a></td> <td> <img src="images/spacer.gif" width="1" height="45" alt=""></td> </tr> <tr> <td> <img src="images/Fotostudio_10.gif" width="106" height="4" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="4" alt=""></td> </tr> <tr> <td> <a href="images/DisplayKontakt.gif" target="iFrame" scrolling="0" frameborder="0" border="0" onmouseover="toggleImages('Fotostudio_Home_1', new Array('Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-over.gif'), 'Fotostudio_Angebot_1', new Array('Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-over.gif'), 'Fotostudio_Preise_1', new Array('Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-over.gif'), 'Fotostudio_Bilder_1', new Array('Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-over.gif'), '', new Array('Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-over.gif')); return true;" onmouseout="toggleImages('Fotostudio_Home_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1-sel.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Angebot_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1-sel.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Kontakt_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-sel.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Preise_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-sel.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'), 'Fotostudio_Bilder_1', new Array('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1-sel.gif'), '', new Array('Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1.gif')); return true;" onmouseup="selected='Fotostudio_Kontakt_1'; changeImages('Fotostudio_Home_1', 'images/Fotostudio_Home-1.gif', 'Fotostudio_Angebot_1', 'images/Fotostudio_Angebot-1.gif', 'Fotostudio_Kontakt_1', 'images/Fotostudio_Kontakt-1-sel.gif', 'Fotostudio_Preise_1', 'images/Fotostudio_Preise-1.gif', 'Fotostudio_Bilder_1', 'images/Fotostudio_Bilder-1.gif'); return true;"> <img name="Fotostudio_Kontakt_1" src="images/Fotostudio_Kontakt-1.gif" width="106" height="45" border="0" alt=""></a></td> <td> <img src="images/spacer.gif" width="1" height="45" alt=""></td> </tr> <tr> <td> <img src="images/Fotostudio_12.gif" width="106" height="2" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td> <a href="#" onmouseover="toggleImages('Fotostudio_Home_1', new Array('Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-over.gif'), 'Fotostudio_Angebot_1', new Array('Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-over.gif'), 'Fotostudio_Kontakt_1', new Array('Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-over.gif'), 'Fotostudio_Bilder_1', new Array('Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-over.gif'), '', new Array('Fotostudio_Preise_1', 'images/Fotostudio_Preise-1-over.gif')); return true;"

3

[Code] onmouseout=„toggleImages(‚Fotostudio_Home_1‘, new Array(‚Fotostudio_Home_1‘, ‚images/Fotostudio_Home-1-sel.gif‘, ‚Fotostudio_Angebot_1‘, ‚images/Fotostudio_Angebot-1.gif‘, ‚Fotostudio_Kontakt_1‘, ‚images/Fotostudio_Kontakt-1.gif‘, ‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1.gif‘, ‚Fotostudio_Bilder_1‘, ‚images/Fotostudio_Bilder-1.gif‘),
‚Fotostudio_Angebot_1‘, new Array(‚Fotostudio_Home_1‘, ‚images/Fotostudio_Home-1.gif‘, ‚Fotostudio_Angebot_1‘, ‚images/Fotostudio_Angebot-1-sel.gif‘, ‚Fotostudio_Kontakt_1‘, ‚images/Fotostudio_Kontakt-1.gif‘, ‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1.gif‘, ‚Fotostudio_Bilder_1‘, ‚images/Fotostudio_Bilder-1.gif‘),
‚Fotostudio_Kontakt_1‘, new Array(‚Fotostudio_Home_1‘, ‚images/Fotostudio_Home-1.gif‘, ‚Fotostudio_Angebot_1‘, ‚images/Fotostudio_Angebot-1.gif‘, ‚Fotostudio_Kontakt_1‘, ‚images/Fotostudio_Kontakt-1-sel.gif‘, ‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1.gif‘, ‚Fotostudio_Bilder_1‘, ‚images/Fotostudio_Bilder-1.gif‘),
‚Fotostudio_Preise_1‘, new Array(‚Fotostudio_Home_1‘, ‚images/Fotostudio_Home-1.gif‘, ‚Fotostudio_Angebot_1‘, ‚images/Fotostudio_Angebot-1.gif‘, ‚Fotostudio_Kontakt_1‘, ‚images/Fotostudio_Kontakt-1.gif‘, ‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1-sel.gif‘, ‚Fotostudio_Bilder_1‘, ‚images/Fotostudio_Bilder-1.gif‘),
‚Fotostudio_Bilder_1‘, new Array(‚Fotostudio_Home_1‘, ‚images/Fotostudio_Home-1.gif‘, ‚Fotostudio_Angebot_1‘, ‚images/Fotostudio_Angebot-1.gif‘, ‚Fotostudio_Kontakt_1‘, ‚images/Fotostudio_Kontakt-1.gif‘, ‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1.gif‘, ‚Fotostudio_Bilder_1‘, ‚images/Fotostudio_Bilder-1-sel.gif‘),
‚‘, new Array(‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1.gif‘)); return true;“
onmouseup=„selected=‚Fotostudio_Preise_1‘; changeImages(‚Fotostudio_Home_1‘, ‚images/Fotostudio_Home-1.gif‘, ‚Fotostudio_Angebot_1‘, ‚images/Fotostudio_Angebot-1.gif‘, ‚Fotostudio_Kontakt_1‘, ‚images/Fotostudio_Kontakt-1.gif‘, ‚Fotostudio_Preise_1‘, ‚images/Fotostudio_Preise-1-sel.gif‘, ‚Fotostudio_Bilder_1‘, ‚images/Fotostudio_Bilder-1.gif‘);
return true;“>




























[/Code]
4

*bump
Kann mir echt keiner Helfen?

5

Wenn der Fehler nicht so zu erkennen ist:
Keiner wird sich deinen umfangreichen Code kopieren, in eine Seite basteln und diese dann auf den Fehler untersuchen. Eine online verfügbare Seite kann jeder mit seinen Entwicklertools (z.B. Firebug) bequemer überprüfen.

Zu Problem 1: Hast du im Netz nach vielleicht schon bekannten Problemen wie deinem gesucht?
Zu Problem 2: Warum lädst du die Bilder in einen Iframe und nicht in ein img-Tag?