Problem mit XHTML, <DIV>, CSS und <A> ...

[menphrad]

Hi,

Ich bin gerade mit dem Redesign meiner Website beschäftigt ... und da ich mit der Zeit gehen möchte und ein wenig experimentier-freudig bin, habe ich alles mit XHTML, CSS und <DIV>'s realisiert, also ohne Tabellen.
Doch habe ich nun leider einen Fehler entdeckt und finde keine Lösung, da mir die Erfahrung fehlt: ;-)

Dir betreffende Seite ist
http://menphrad.net/index.php?view=images

Wenn man diese Seite in Internet Explorer 6.0.2800 betrachtet, dann wird der unterste hell-beige Rand (über der Fusszeile), scheinbar ganz nach dem Zufallsprinzip, einmal mit 5px Breite angezeigt und einmal nicht.
Wenn er angezeigt wird und man fährt aber mit dem Cursor über die Bilder in der letzten Zeile, welche alle verlinkt sind, dann verschwindet er dennoch wieder?! :-)

* Der betreffende Code ist:

<div id="content">
 <div id="content_include">

<div class="content_include_images_odd">
  [...]
  </div>

<div class="content_include_images_even">
  <a href="..."><img ... /></a>
  </div>

</div>
</div>

* Und die CSS-Formatierungen dazu sind:
(http://menphrad.net/styles.css)

#content {
 width: 902px;
 position: static;
 z-index: 100;
 border: 1px solid Black;
 background: #AAAA90;
 text-align: justify;
}
#content_include {
 width: auto;
 margin: 5px 5px 5px 5px;
 padding: 5px 5px 5px 5px;
 border: 1px solid Black;
 background: #5C645B;
 text-align: left;
}
.content_include_images_odd {
 background: #AAAA90;
 border-top: 5px solid #5C645B;
 text-align: center;
 height: auto;
 margin: 0px 0px 0px 0px;
}
.content_include_images_even {
 background: #7A7A5C;
 border-top: 5px solid #5C645B;
 text-align: center;
 height: auto;
 margin: 0px 0px 0px 0px;
}

Da viele von Euch wohl mehr Erfahrung als ich haben, bitte ich Euch nun um Hilfe und Tipps!

*Vielen Dank!*

Greetingz,

Manfred

[menphrad]

Zweite kurze Frage noch ... :-)

Was sollen diese automatisch (!) generierten JavaScripts am Ende des Quelltexts? WOher kommen die? Welchen ZWeck haben die?:

<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

[wahsaga]

hi,

Was sollen diese automatisch (!) generierten JavaScripts am Ende des Quelltexts? WOher kommen die?

wo _siehst_ du die?
auf der von dir verlinkten seiten kann ich diesem im quelltext nicht ausfindig machen.

gruss,
wahsaga

[menphrad]

Hallo wahsaga!

Auf der Seite http://www.menphrad.net/index.php?view=images zeigt mein Internet Explorer 6 am Ende des Quellcodes dieses Script an!? :-)
Und zwar _nach_ </body> und </html>!

</body>
</html>
<script language="JavaScript">
<!--
[...]
//-->
</script>

Weiters wird auch noch am Anfang des Quellcodes das folgende Script automatisch eingefügt:

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

??? ... *strange!* ;-)

Greetingz,

Manfred

[wahsaga]

hi,

Auf der Seite http://www.menphrad.net/index.php?view=images zeigt mein Internet Explorer 6 am Ende des Quellcodes dieses Script an!? :-)
Und zwar _nach_ </body> und </html>!

ich sehe mir die seite im IE 5.0 an, und da endet der code mit
<!-- </FOOTER> -->

</body>
</html>

Weiters wird auch noch am Anfang des Quellcodes das folgende Script automatisch eingefügt:
function SymError()
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)

ah, moment, der ganze "Smy"-kram ... jetzt weiss ich glaube ich, wie der hase läuft - du hast vermutlich ein firewall-produkt von SYMantec laufen?
das schummelt dann den code in die seiten rein, um dich damit vor irgendwem oder was zu schützen. passiert dann aber nur auf deinem rechner, im www für andere benutzer ohne diese firewall bleiben die seiten "sauber".

gruss,
wahsaga

[menphrad]

Hehe, ja, das Stimmt ... ich habe Norton Internet Security 2004 laufen! *g*

"Big Brother Peter Norton is watching you!"
Warum die sich wohl so Sorgen machen um mich? :-)

Weisst Du vielleicht auch eine Lösung zu meinem urprünglichen Problem mit XHTML/CSS/DIV/A? Du beschäftigst Dich ja sehr intensiv damit!? ;-)

Liebe Grüße,

Manfred

[Hugo]

Hi Manfred,

Wenn man diese Seite in Internet Explorer 6.0.2800 betrachtet, dann wird der unterste hell-beige Rand (über der Fusszeile), scheinbar ganz nach dem Zufallsprinzip, einmal mit 5px Breite angezeigt und einmal nicht.
Wenn er angezeigt wird und man fährt aber mit dem Cursor über die Bilder in der letzten Zeile, welche alle verlinkt sind, dann verschwindet er dennoch wieder?! :-)

die Veränderung hat mit der Formatierung der Verweise
zu tun:

#content_include a:link, #content_include a:active, #content_include a:visited {
 color: #AAAA90;
 text-decoration: none;
}
#content_include a:hover {
 color: #FFFFFF;
 text-decoration: none;
 background: #AAAA90;
}

Am Rande erwähnt, die Pseudoformate sind nicht in der richtigen
Reihenfolge, siehe

http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm

was hier aber nichts mit der (wiedereinmal) fehlerhaften Darstellung
im IE zu tun hat.

Scheinbar kommt der IE nämlich nicht mit der Hintergrundfarbe
bei a:hover zurecht. Deshalb kannst du jetzt zweierlei tun: du
könntest die Farbe bei a:hover weglassen, oder aber bei a:link eine
Hintergrundfarbe angeben.
Wenn du eine Farbe angibst beachte, dass du, damit es funktioniert
nicht einfach "transparent" oder "inherit" verwenden darfst, sondern
tatsächlich eine Farbe angeben musst.

Achja, schau dir deine Seite unbedingt mal mit dem Mozilla an, dort
erscheint ein Hover-Effekt, der so auch nicht von dir erwünscht ist.

Und tschüss

Hugo

[menphrad]

Hallo Hugo,

Achja, schau dir deine Seite unbedingt mal mit dem Mozilla an, dort
erscheint ein Hover-Effekt, der so auch nicht von dir erwünscht ist.

Danke mal für den ersten Teil Deines Tipps -- werde ich anhand Deiner Vorschläge gleich genauer betrachten! :-)

Den zweiten Teil Deines Hinweises habe ich selbst schon in Netscape 7.1 entdeckt, ähnliches passiert auch in Opera 7.11 -- Jedoch wollte ich dieses Problem nicht jetzt schon im Forum posten, da das IE-Problem sicher mal genug war für's erste! ;-)

Greetingz,

Manfred

[menphrad]

Hallo Hugo,

Am Rande erwähnt, die Pseudoformate sind nicht in der richtigen
Reihenfolge, siehe

http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm

Habe die Reihenfolge nun angepasst -- danke für den Tipp. Ist nur schade, dass man mit der Aagabe
a:link, a:visited {
}
a:hover {
}
a:active {
}
einen gewissen Teil der "einfacheren Verwaltung" von CSS aufgeben muss, da ja meistens link, visited und active ähnlich formatiert sind: Möchte ich nun die Farbe ändern, so muss ich das 2x durchführen; 1x bei link & visited und 1x bei active ...

was hier aber nichts mit der (wiedereinmal) fehlerhaften Darstellung
im IE zu tun hat.

Scheinbar kommt der IE nämlich nicht mit der Hintergrundfarbe
bei a:hover zurecht. Deshalb kannst du jetzt zweierlei tun: du
könntest die Farbe bei a:hover weglassen, oder aber bei a:link eine
Hintergrundfarbe angeben.
Wenn du eine Farbe angibst beachte, dass du, damit es funktioniert
nicht einfach "transparent" oder "inherit" verwenden darfst, sondern
tatsächlich eine Farbe angeben musst.

Achja, schau dir deine Seite unbedingt mal mit dem Mozilla an, dort
erscheint ein Hover-Effekt, der so auch nicht von dir erwünscht ist.

Das Entfernen des backgrounds bei a:hover hat nun einen Teil der Probleme mit IE, sowie die Probleme mit Opera & Netscape beseitigt! Yippeee!

Was leider geblieben ist, ist allerdings dieses "Zufallsprinzip" beim Zeichnen des Rahmens gleich nach Seitenaufbau (_ohne_ irgendeinen Link/irgendein Bild mit dem Cursor auch nur gestreift zu haben). Man kann diese "Zufallsprinzip" schön nachvollziehen, wenn man ganz runter scrollt & "F5" drückt: einmal ist der Rahmen da, einmal weg, dann wieder da ... :-( *hmmm? strange! ... Kopf oder Zahl?*

Greetingz,

Manfred

[Hugo]

Hi Manfred,

Was leider geblieben ist, ist allerdings dieses "Zufallsprinzip" beim Zeichnen des Rahmens gleich nach Seitenaufbau (_ohne_ irgendeinen Link/irgendein Bild mit dem Cursor auch nur gestreift zu haben). Man kann diese "Zufallsprinzip" schön nachvollziehen, wenn man ganz runter scrollt & "F5" drückt: einmal ist der Rahmen da, einmal weg, dann wieder da ... :-( *hmmm? strange! ... Kopf oder Zahl?*

Kannst du mal die veränderte css hochladen? Bei mir lokal
kann ich keine Veränderung mehr feststellen...

Und tschüss

Hugo

[menphrad]

Was leider geblieben ist, ist allerdings dieses "Zufallsprinzip" beim Zeichnen des Rahmens gleich nach Seitenaufbau (_ohne_ irgendeinen Link/irgendein Bild mit dem Cursor auch nur gestreift zu haben). Man kann diese "Zufallsprinzip" schön nachvollziehen, wenn man ganz runter scrollt & "F5" drückt: einmal ist der Rahmen da, einmal weg, dann wieder da ... :-( *hmmm? strange! ... Kopf oder Zahl?*

Kannst du mal die veränderte css hochladen? Bei mir lokal
kann ich keine Veränderung mehr feststellen...

Gerne!
Neues styles.css & inc.images.php _ohne_ Hyperlinks sind nun am Server ... aber das Problem besteht, wie gesagt, noch immer! :-(

Danke für die Unterstützung & das gemeinsame Buck-Tracking! ;-)

Greetingz,

Manfred

[wahsaga]

hi,

Neues styles.css & inc.images.php _ohne_ Hyperlinks sind nun am Server ... aber das Problem besteht, wie gesagt, noch immer! :-(

ich kann es jetzt im ie 5.0 _nicht_ mehr nachvollziehen.

gruss,
wahsaga

[menphrad]

hallo, wahsaga!

ich kann es jetzt im ie 5.0 _nicht_ mehr nachvollziehen.

Hmmm - das ist merkwürdig ...
Am Nachmittag hatte ich die Website sowohl vom Localhost meines Notebooks, als auch vom Online-Server aus betrachtet. Da kamen eben diese Fehler regelmässig vor.
Nun bin ich zu Hause und betrachte die Website nur mehr ausschliesslich vom Online-Server aus und diese Fehler tauchen nun (vorläufig) nicht mehr auf?!
Kann es sein, dass der IE6 durch die rasche Ladezeit von Seiten, die auf dem Localhost liegen, "verwirrt" wird und irgendwie "nicht mehr nachkommt"? *g*

Greetingz,

Manfred

[wahsaga]

hi,

Am Nachmittag hatte ich die Website sowohl vom Localhost meines Notebooks, als auch vom Online-Server aus betrachtet. Da kamen eben diese Fehler regelmässig vor.
Nun bin ich zu Hause und betrachte die Website nur mehr ausschliesslich vom Online-Server aus und diese Fehler tauchen nun (vorläufig) nicht mehr auf?!

wenn ich mir die seite im derzeitigen zustand mit dem IE _6_ ansehe, kann ich den fehler auch nicht nachvollziehen.

Kann es sein, dass der IE6 durch die rasche Ladezeit von Seiten, die auf dem Localhost liegen, "verwirrt" wird und irgendwie "nicht mehr nachkommt"? *g*

zuzutrauen ist ihm einiges.

gruss,
wahsaga

[wahsaga]

hi,

http://menphrad.net/index.php?view=images

Wenn man diese Seite in Internet Explorer 6.0.2800 betrachtet, dann wird der unterste hell-beige Rand (über der Fusszeile), scheinbar ganz nach dem Zufallsprinzip, einmal mit 5px Breite angezeigt und einmal nicht.

kann ich im IE 5.0 ebenfalls nachvollziehen.
allerdings nicht zufällig, sonder anscheinend mit bestimmtem system:
wenn ich mit der maus über die bilder in der zweiten reihe von unten gehe, dann verschwindet der rand.
wenn ich anschliessend über die bilder in der ganz unteren reihe fahre, wird er wieder eingeblendet. (kannst du die beobachtung bei dir nachvollziehen/bestätigen?)

tja, html und css valide - wo mag da der fehler liegen?
vermutlich beim IE.

ich würde zunächst mal überprüfen, ob es evtl. am verwendeten javascript-code liegt - also aus den verlinkten bildern alles javascript mal testweise rauswerfen, also nur bilder in reinen html-links verwenden.

und evtl. auch mal testen, ob der aufruf der javascript-funktionen auf dem "besseren" wege, also einbindung nicht über href="javascript:...", sondern über onClick im link, und als href eine alternative für abgeschaltetes JS, eine veränderung bringt ...

gruss,
wahsaga

[menphrad]

hi,

http://menphrad.net/index.php?view=images

Wenn man diese Seite in Internet Explorer 6.0.2800 betrachtet, dann wird der unterste hell-beige Rand (über der Fusszeile), scheinbar ganz nach dem Zufallsprinzip, einmal mit 5px Breite angezeigt und einmal nicht.

kann ich im IE 5.0 ebenfalls nachvollziehen.
allerdings nicht zufällig, sonder anscheinend mit bestimmtem system:
wenn ich mit der maus über die bilder in der zweiten reihe von unten gehe, dann verschwindet der rand.
wenn ich anschliessend über die bilder in der ganz unteren reihe fahre, wird er wieder eingeblendet. (kannst du die beobachtung bei dir nachvollziehen/bestätigen?)

Negativ, bei mir, also wie gesagt mit Internet Explorer 6.0.2800 beeinflusst nur die _letzte_ Zeile das Verhalten des Randes, kein "Wiedererscheinen" oder Beeinflussung durch andere Zeilen als die letzte!

Wie gesagt (oder vielleicht nicht genau genug beschrieben), wird der unterste Rahmen gleich beim Seitenaufbau nach dem "Zufallsprinzip" einmal angezeigt und einmal nicht -- noch _ohne_ über irgendwelche Bilder/Links gefahren zu sein! Aber vielleicht hat das ja auch irgendwelche Gründe?
Das passiert aber eben nur bei IE, Opera 7.11 und Netscape 7.1 zeigen den Rahmen absolut korrekt an (nur sind dort eben andere Probleme, die Hugo bereits erwähnt und mir selbst auch schon aufgefallen sind ...)

ich würde zunächst mal überprüfen, ob es evtl. am verwendeten javascript-code liegt - also aus den verlinkten bildern alles javascript mal testweise rauswerfen, also nur bilder in reinen html-links verwenden.

und evtl. auch mal testen, ob der aufruf der javascript-funktionen auf dem "besseren" wege, also einbindung nicht über href="javascript:...", sondern über onClick im link, und als href eine alternative für abgeschaltetes JS, eine veränderung bringt ...

Werde ich auch mal durchchecken!

*Vielen Dank!* :-)

Greetingz,

Manfred

[menphrad]

Hello wahsaga,

tja, html und css valide - wo mag da der fehler liegen?
vermutlich beim IE.

ich würde zunächst mal überprüfen, ob es evtl. am verwendeten javascript-code liegt - also aus den verlinkten bildern alles javascript mal testweise rauswerfen, also nur bilder in reinen html-links verwenden.

und evtl. auch mal testen, ob der aufruf der javascript-funktionen auf dem "besseren" wege, also einbindung nicht über href="javascript:...", sondern über onClick im link, und als href eine alternative für abgeschaltetes JS, eine veränderung bringt ...

Nun hab ich den gesamten <a>...</a>-Tag rausgekillt, das Problem mit dem untersten Rahmen besteht noch immer! :-(
Nur hab ich irgendwie den Eindruck, als würde der Rahmen jetzt seltener _nicht_ angezeigt!? *g*

Greetingz,

Manfred