IE hat Darstellungsprobleme?

[Knud Schröder]

Hallo Forumer!

Hab ein interessantes (?) Phaenomen festgestellt, das zumindest mir bisher unbekannt war.

Bei meinen Designversuchen habe ich eine Tabelle gebastelt, wobei der Hintergrund eine Grafik ist, die ueber die Breite/Laenge der Tabelle wiederholt werden soll (soweit nicht ungewoehnlich, wie ein Hintergrund-Muster also). Ob der Inhalt jetzt ein   oder eine Grafik oder Text beinhaltet spielt keine Geige, der IE zeigt die Hintergrundgrafik nicht als Muster sondern halt nur einmal!
Zunaechst bin ich von meiner eigenen Unzulaenglichkeit ausgegangen (was ja auch die Regel ist *g*) aber dann ist mir folgendes passiert. Ich hab ein kleines Fenster geoeffnet (Taschenrechner) und das einfach mal ueber die "defekten" Bereiche geschoben. Schwupps, da war der Fehler weg. Genauso gehts, wenn ich das Fenster auf die Leiste lege und wiederhole.
Da das ganze auf einem zweiten Rechner gegengetestet wurde, scheidet Grafikarte/Treiber aus. (Ist auch nur auf dem IE, ein hoch auf den NC, *IE sucks* *laechel*)

Nur wie bekomme ich das Problem in den Griff?
Ein Reload macht nichts, Browser-Back und wieder vor bringt auch nichts, erst wenn mal ein anderes Fenster darueber liegt oder das Fenster aus der Taskleiste geholt wird, dann ist's OK.

Bin mal auf die Postings gespannt.

Viele Gruesse aus dem Rheinland,

Knud

[Martin Speiser]

Hi Knud,

in solchen Fällen ist es enorm hilfreich, wenn man den Code sehen kann.

Gruß,
Martin

[Knud Schröder]

Hi Martin,

bin mir zwar ziemlich sicher, dass es nicht am Code liegen kann, da ich ohne den Code zu veraendern das Problem immer dann beheben kann, wenn ich lediglich irgendein anderes Fenster mal kurz ueber die Problemzone schiebe, aber o.k., here comes the code:

die erste Tabelle mit dem Problem:

<table border=0 width="100%" cellspacing=0 cellpadding=0>
<tr><td background="images/back_links.gif" align=center height=38><a href="terminliste.html" target="Main"
   onMouseOver="hiLite('termin','1')" onMouseOut="hiLite('termin','0')"><img src="images/termin0.gif" name="termin" border=0 width=38 height=30 ALT="Terminliste - An welche Termine müssen Sie denken?"></a></td></tr>
<tr><td background="images/back_links.gif" align=center height=38><a href="suche.html" target="Main"
   onMouseOver="hiLite('suche','1')" onMouseOut="hiLite('suche','0')"><img src="images/suche0.gif" name="suche" border=0 width=38 height=30 ALT="Suche - Suchen Sie nach Anbietern in Ihrer Umgebung."></a></td></tr>
<tr><td background="images/back_links.gif" align=center height=38><a href="idee.html" target="Main"
   onMouseOver="hiLite('idee','1')" onMouseOut="hiLite('idee','0')"><img src="images/idee0.gif" name="idee" border=0 width=38 height=30 ALT="Idee - Kreative Ideen für Sie"></a></td></tr>
<tr><td background="images/back_links.gif" align=center height=38><a href="forum.html" target="Main"
   onMouseOver="hiLite('forum','1')" onMouseOut="hiLite('forum','0')"><img src="images/forum0.gif" name="forum" border=0 width=38 height=30 ALT="Forum - Besprechen Sie sich mit anderen. Tauschen Sie Erfahrungen aus."></a></td></tr>
<tr><td background="images/back_links.gif" align=center height=38><a href="wertung.html" target="Main"
   onMouseOver="hiLite('wertung','1')" onMouseOut="hiLite('wertung','0')"><img src="images/wertung0.gif" name="wertung" border=0 width=38 height=30 ALT="Wertung - Bewerten Sie die bei uns gefundenen Anbieter. Waren Sie zufrieden mit Service und Preis?"></a></td></tr>
<tr><td background="images/back_links.gif" align=center height=38><a href="eintrag_form.html" target="Main"
   onMouseOver="hiLite('service','1')" onMouseOut="hiLite('service','0')"><img src="images/service0.gif" name="service" border=0 width=38 height=30 ALT="Service - Anbieter eintragen, Eintragung bearbeiten, ..."></a></td></tr>
</table>

Und hier noch ein Tabellen-Problem:

<table border=0 bgcolor="#FFFFCC" cellpadding=0 cellspacing=0>
<tr><td><img src="images/tol.gif" width=25 height=25></td><td background="images/to.gif"> </td><td><img src="images/tor.gif" width=25 height=25></td></tr>
<tr><td background="images/tl.gif"> </td>
<td><a href="javascript:enter_service_center(0);">Neueintrag</a></td>
<td background="images/tr.gif"> </td></tr>
<tr><td background="images/tl.gif"> </td>
<td><a href="javascript:enter_service_center(1);">Eintrag ändern</a></td>
<td background="images/tr.gif"> </td></tr>
<tr><td><img src="images/tul.gif" width=25 height=25></td><td background="images/tu.gif"> </td><td><img src="images/tur.gif" width=25 height=25></td></tr>
</table>

Ach ja, falls ins CSS geschaut werden moechte:

body { font-family:Verdana,sans-serif; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px }

p,h1,h2,h3,h4,ul,ol,li,div,td,th,b,i
     { font-family:Verdana }

td { font-family:Verdana; }

p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:10pt; }

p.rahmen1 { border-width:thin; border-style:solid; }
p.rahmen2 { border-width:thin; border-style:none; }

a:link { color:#6666FF; text-decoration:underline; }
a:visited { color:#999999; text-decoration:underline; }
a:active { color:#0033FF; text-decoration:none; }

Ich hab uebrigens noch ein winziges und eher vernachlaessigbares Anzeige-Problem mit <p class="rahmen1 ...>ziemlich Text<br>mit mehreren<<br>Zeilen</p>

Da hackt mir die Taskleiste beim hoch- und runterfahren (aber auch die Fenster) winzig kleine "Ritze" in den 1pixel-Rahmen. Der Rest bleibt unberuehrt.

Wie gesagt, glaube zwar nicht, dass es am Code liegt, aber bin der letzte, der sich nicht eine besseren belehren laesst.

LG,

Knud

[Martin Speiser]

Hi Knud,

wenn ich den Code richtig interpretiere, hast du nicht der Tabelle eine Hintergrundgrafik verpasst, sondern den Tabellenzellen. In den zellen selbst liegt nochmal ein Image, dass die Hintergrundgrafik überdeckt. Wenn's nicht so sein sollte, kann man sich das Ergebnis irgendwo ansehen? Ich hab halt die Grafiken nicht.

Und hier noch ein Tabellen-Problem:

Okay, da ist der Code. Welches Problem ist es denn?

Ich hab uebrigens noch ein winziges und eher vernachlaessigbares Anzeige-Problem mit <p class="rahmen1 ...>ziemlich Text
mit mehreren<
Zeilen</p>

Da hackt mir die Taskleiste beim hoch- und runterfahren (aber auch die Fenster) winzig kleine "Ritze" in den 1pixel-Rahmen. Der Rest bleibt unberuehrt.

Müsste ich auch sehen.

Gruß,
Martin

[Knud Schröder]

Hi Martin

wenn ich den Code richtig interpretiere, hast du nicht der Tabelle eine Hintergrundgrafik verpasst, sondern den Tabellenzellen. In den zellen selbst liegt nochmal ein Image, dass die Hintergrundgrafik überdeckt.

Das ist korrekt, da das Image im Inhalt aber nicht so gross ist, passt's. Leider kann ich im Moment nichts online stellen, da der Server (mal wieder) nicht ereichbar ist (ein hoch auf Strato!).

Wuerd ja auch ein oder zwei Screenshots anzeigen lasse, aber der Server ...(s.o.)

Wie Du gesehen hast, hat Bio mir einen Workaround gezeigt, der auch super funktioniert. Ist zwar ein bisschen laestig jetzt ueberall dieses self.blur(); und self.focus(); auszufuehren (Mach's ueber 'body onLoad'), aber es dient seinem Zweck!

Vorallem, weil (mal wieder) der Netsie bei mir die Nase vorn hatte. Irgendwie komisch, denn Bio brauchte genau diesen Workaround fuer ein Netsie-Prob.

In diesem Sinne,

Happy raining day!

Knud

[Bio]

Hi!

Versuch mal ein self.blur() gefolgt von einem self.focus();

Das hat bei mir mal bei einem NN-Problem geholfen... muss aber nicht heissen, dass das auch bei Dir funzt.

Gruesse,

Bio

[Knud Schröder]

Hi Bio !

Versuch mal ein self.blur() gefolgt von einem self.focus();

Danke, Patient nach erfolgreicher Operation gesundet.
Werde Medikament in allen Dokumenten als allgemeiner Schutz vor weiteren boesartigen Anzeige-Attacken die Impfung einfuehren.

wgainDr. Knud

wgainDr. = (_w_aere _g_ern _a_ber _i_ss _n_ich Doktor)