Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Liebe Leute,

ich bin mit meinem Latein am Ende und schier am Verzweifeln! Kann mir hier jemand, der sich mit html auskennt, sagen, warum mein html-Code vom IE8 korrekt umgesetzt und das Bild in der korrekten Größe dargestellt wird, während die Browser Firefox und Chrome das Bild viel zu klein anzeigen?
--> http://17085.homepagemodules.de/page-outdoor-a.html
Dadurch, dass das Bild im FF und Chrome zu klein angezeigt wird, stimmt es in diesen beiden Browsern auch nicht mit dem klickbaren Areal, das genau der Fläche der gelben Spielsteine mit den Buchstaben entsprechen sollte. Im IE stimmt es aber.

<br />
<center>
<h2>18th December</h2>
<h2>Scrabble3D presents: Outdoor Scrabble</h2><br />
<h3><marquee>Click on the letters OUTDOOR SCRABBLE on the rack! • Klicke auf die Buchstaben OUTDOOR SCRABBLE auf dem Buchstabenbänkchen! • Clique sur les lettres OUTDOOR SCRABBLE sur le chevalet! • Clicca sulle lettere OUTDOOR SCRABBLE sul leggio! • ¡Haz clic en las letras OUTDOOR SCRABBLE  en el atril! • Klicka på bokstäverna OUTDOOR SCRABBLE på bokstavsstället! </marquee></h3>
</center><br />
 
<center>
<div class="bilder">
<img id="img1" src="http://img714.imageshack.us/img714/2747/outdoorscrabble3.jpg" border="0" alt="Outdoor Scrabble" title="Click on the letters OUTDOOR SCRABBLE on the rack!" usemap="#Outdoor Scrabble" /><br />
<a><P ALIGN=Left></P></a><map name="Outdoor Scrabble" id="Outdoor Scrabble"/><br />
<area shape="rect" coords="634,101,970,185" href="http://17085.homepagemodules.de/page-outdoor-b.html" alt="Click on the letters OUTDOOR SCRABBLE on the rack!" title="Outdoor Scrabble" /><br />
</div>
</center>
 

<style type="text/css">.bilder{position:relative; height:731px; width:1054px; border:5px solid black;}
.bilder img;}   
#img1{top:0px; left:0px; width:1054px; height:731px;}
</style>
 
 

<br />
<center>
<h2>18th December</h2>
<h2>Outdoor Scrabble = Extreme Scrabble</h2><br />
<h3><marquee>Click once more on the letters OUTDOOR SCRABBLE! • Klicke noch einmal auf die Buchstaben OUTDOOR SCRABBLE auf dem Buchstabenbänkchen! • Clique encore une fois sur les lettres OUTDOOR SCRABBLE sur le chevalet! • Clicca un'altra volta sulle lettere OUTDOOR SCRABBLE sul leggio! • ¡Haz clic otra vez en las letras OUTDOOR SCRABBLE en el atril! • Klicka en gång till på bokstäverna OUTDOOR SCRABBLE på bokstavsstället! </marquee></h3>
</center><br />
 
<center>
<div class="bilder">
<img id="img1" src="http://img195.imageshack.us/img195/1305/outdoorscrabble4.jpg" border="0" alt="Outdoor Scrabble" title="Click once more on the letters OUTDOOR SCRABBLE on the rack!" usemap="#Outdoor Scrabble" /><br />
<iframe id="iframe1" src="https://www.youtube.com/embed/9ZXGoL89vbE?rel=0"></iframe>
<a><P ALIGN=Left></P></a><map name="Outdoor Scrabble" id="Outdoor Scrabble"/><br />
<area shape="rect" coords="634,101,970,185" href="http://17085.homepagemodules.de/page-outdoor-c.html" alt="Click on the letters OUTDOOR SCRABBLE!" title="Outdoor Scrabble" /><br />
</div>
</center>
 

<style type="text/css">.bilder{position:relative; height:731px; width:1054px; border:5px solid black;}
.bilder img, .bilder iframe{position:absolute; border:none;} 
#iframe1{height:336px; width:409px; left: 633px; top:340px;}  
#img1{top:0px; left:0px; width:1054px; height:731px;}
</style>
 
 

*push!*

Hat denn gar niemand von euch einigermaßen gute html-Kenntnisse? Kann mir niemand weiterhelfen?
Ich wäre so ungeheuer dankbar für einen Tipp von jemandem, der weiß, wie die verschiedenen Browser html-Kommandos einlesen und umsetzen, und was ich machen könnte, um den tollwütigen Feuerfuchs zu bändigen und schmutziges Chrome zum Funkeln zu bringen... Der Internet Explorer liest ja alles richtig ein und macht brav, was ich von ihm will! Der wilde Feuerfuchs hingegen schert sich nicht um meine Angaben und Chrome ist auch nicht blanker als der arglistige Feuerfuchs mit seiner ekligen Krätze...

Was für Abmessungen für die Bildgröße (width und height) und die Eingrenzung des klickbaren Bereichs (width und top für die Position der rechten oberen Ecke und Gesamt-width und -height des Bereichs, der klickbar sein soll), soll ich verflixt nochmal eingeben, wenn nicht die, die ich im Code doch bereits angegeben habe...

Seufz...

JUHUUUUUUUU !!!

Endlich habe ich den Fehler gefunden, und zwar ganz allein, ohne jeglichen Support!!!

Das war aber eine langwierige Prozedur! Aber ich freu mich wie ein Schneekönig, dass ich den Fehler gefunden habe!

Mein html-Code lautet nun folgendermaßen:

<center>
<div class="bilder">
<img id="img1" src="http://img714.imageshack.us/img714/2747/outdoorscrabble3.jpg" width="1054" height="731" border="0" alt="Outdoor Scrabble" title="Click on the letters OUTDOOR SCRABBLE on the rack!" usemap="#Outdoorscrabble" />
<a><P ALIGN=Left></P></a><map name="Outdoorscrabble" id="Outdoorscrabble" />
<area shape="rect" coords="634,101,970,185" href="http://17085.homepagemodules.de/page-outdoor-b.html" alt="Click on the letters OUTDOOR SCRABBLE on the rack!" title="Outdoor Scrabble" /><br />
</div>
</center>
 
<style type="text/css">.bilder{position:relative; height:731px; width:1054px; border:5px solid black;}
.bilder img;}   
#img1{top:0px; left:0px; width:1054px; height:731px;}
</style>
 
 

Der im Grunde genommen völlig triviale Fehler war, dass in meiner html-Zeile
img id="img1" src="http://img714.imageshack.us/img714/2747/outdoorscrabble3.jpg" width="1054" height="731" border="0" alt="Outdoor Scrabble" title="Click on the letters OUTDOOR SCRABBLE on the rack!" usemap="#Outdoorscrabble"
die rot markierten Abmessungen width="1054" height="731" gefehlt hatten. Ich hatte geglaubt, dass die entsprechenden Angaben weiter unten in dem mit style type beginnenden CSS-Passus reichen würden. Der brave Internet Explorer war ja auch mit meinen ursprünglichen knapperen Angaben zufrieden, der bissige Feuerfuchs aber nicht und Chrome eben auch nicht... Diesen beiden Browsern muss man offenbar alles zwei- bis dreimal sagen, bevor sie's kapieren! An sich bin ich das Wiederholen ja von meinem Beruf her gewöhnt... Manche kapieren es eben nicht alles auf Anhieb...

Nach dieser Erfahrung verstehe ich alle Entwickler besser als je zuvor. Ich habe jetzt auch die Erfahrung gemacht, wie es ist, wenn man einen Fehler im Quellcode sucht und den nicht findet, wie banal er auch immer sein mag... Und wie man sich freut, wenn man dem Fehler auf die Schliche gekommen ist und ihn bereinigen kann! Ein super Gefühl!


Herzlichst,
euer html-Bussinchen

Danke, lieber Damian, für dein Engagement!

Aber war da wirklich ein Semikolon zu viel? Ich kann jetzt im Nachhinein gar nicht mehr sagen, ob das so war.

Ich bin mir jetzt, wo alles korrekt angezeigt wird, ziemlich sicher, dass es die fehlenden width- und height-Angaben waren, die die fehlerhafte Anzeige im räudigen Feuerfuchs ausgelöst hatten.

Wie sich das genau mit .bilder img;} verhält, weiß ich nicht so im Detail. Das war ursprünglich ein Passus, der von unserem lieben Ingmar stammt, als er mir freundlicherweise einen Tipp gegeben hatte, der für mich GOLD wert war und ist!

Diesen Code hatte ich direkt so von Ingmar übernommen.

Oh! Na das ist ja ein Super-Tipp!

Herzlichsten Dank, lieber Damian!

Firebug habe ich noch nicht installiert, geschweige denn benutzt...
So lernt man immer wieder etwas dazu...

Ja, auf Ingmar halte ich auch große Stücke! Er ist hier im Forum immer so hilfsbereit und nett zu allen, auch dann, wenn er es von Rechts wegen gar nicht müsste, wie in meinem Fall. Wie oft sehe ich ihn nicht spät abends und am Wochenende in seiner Freizeit hier im Support-Forum herumschwirren... Ich glaube, er ist ein Geek, wie er im Buche steht, was in diesem Zusammenhang als Kompliment zu werten ist...

Ich sage jetzt mal in aller Öffentlichkeit etwas, möchte aber nicht, dass es falsch rüberkommt:

Miranus sollte wirklich stolz darauf sein, solche tollen Mitarbeiter wie Ingmar zu haben. Ich finde, die werten das gesamte Unternehmen auf und sind eine hervorragende Werbung für Miranus!