Anzeigenprobleme im Header unter NN 4.7

[helluvaguy]

Hallo liebe Leute,

mir haben einige User unseres Forums mitgeteilt, dass sie bei Verwendung von Netscape 4.7 Probleme mit der Anzeige des Headerteils der Seiten bekommen. Alle Menüpunkte wie FAQ, Mitgliederliste, etc. werden nicht angezeigt.

Ich selber habe das Problem nicht verifizieren können, da mir die NN Version fehlt. Dafür kann ich sagen, dass die Anzeige mit IE 6.x, Mozilla 1.1, Netscape 7 und Opera 6.x einwandfrei funktioniert. Das Phänomen ist scheinbar nur auf Netscape 4.7 und unsere "overall_header" beschränkt, das die User das Menü hier auf der Site einwandfrei angezeigt bekommen.

Ich würde die Erfahreneren unter Euch bitten, mal ein Blick auf unseren Header zu werfen, ob ihr mir dadurch sagen könntet, wo da das Problem im Code liegt.

http://www.bs-scouts.de/phpBB2/index.php

Könnte es etwas damit zu tun haben, dass ich ein Rechts-Klick-Menü eingebaut habe?

Es wäre schön, wenn hier jegliche Glaubenskriege bzgl. der Browser ausbleiben könnten und sich bitte auch nicht so tolle Ratschläge finden, wie "Dann sollen die sich halt einen neuerern Browser holen!". Ich bin der Meinung, als Webmaster hat man sich weitestgehend den Bedürfnissen der User anzupassen und ihnen nicht zu raten, was sie für Browser verwenden sollen. Meistens haben sie eh ihre Gründe.

[Elo]

Kann ich bestätgen. Auch bei Betrachtung mit dem NN 4.51 fehlt das komplette Menü unter dem Banner "Fun on the field".

Wird wohl, wie Du schon vermutet hast, am JS liegen. NN ist eben etwas eigenwillig. Ich bin auch ständig auf der Suche nach einem Mittelweg für alle Browser.

Viel Erfolg bei der Suche nach dem Mttelweg
Elo

[Elo]

Vergiss mein letztes posting.
Diesmal ist der NN wohl nicht der Schuldige, sondern der Admin/Coder des betreffenden Forums

Bei der modifizierung der overall_header.tpl ist dir ein kleiner flüchtigkeitsfehler unterlaufen indem Du dort einen HTML-Tag nicht geschlossen hast. Der NN nimmt dies sehr genau.

Hier der Quelltext mit dem Fehler:

Code: Alles auswählen

<img src="templates/subTrail/images/icon_mini_register.gif" width="12" height="13" border="0" alt="<font color=red>Registrieren</font>

Wie zu erkennen ist wurde der IMG-Tag nicht geschlossen.

In der Hoffnung das es dies war
Grüsse vom Elo

[Simpson]

Für Netscape Probleme gibts immer ne simple Lösung

öffne systemsteuerung/software
suche netscape
klick entfernen

[helluvaguy]

Ich kann nun wahrlich nicht von mir behaupten, mit HTML auf Du und DU zu stehen, aber ich glaube nicht, dass es daran gelegen hat.

@ Elo: Wenn Du Dir die von Dir genannte stelle mal weiter ansiehst, dann wirst du sehen, dass der Tag geschlossen wird. Der von mir blau eingefärbte Teil kommt aus der lang_main.php, um das Wort Registrierung in rot anzeigen zu lassen.

class="mainmenu"><img src="templates/subTrail/images/icon_mini_register.gif" width="12" height="13" border="0" alt="<font color=red>Registrieren</font>" hspace="3" /><font color=red>Registrieren</font></a></span>

Sollte das mit der HTML Syntax nicht harmonieren, kann es das aber auch nicht gewesen sein, denn selbst nachdem ich der lang_main.php wieder den Wert

Code: Alles auswählen

$lang['Register'] = "Registrieren";

hergestellt hatte, hat sich nichts verändert.

Dafür hat mir ein User mitgeteilt, dass die Menüpunkte wohl unter der Grafik "Fun on the field" sitzen, durch das langsame laden hätte er das gesehen. Kann das ein Hinweis sein?

[Elo]

@helluvaguy

Code: Alles auswählen

class="mainmenu"><img src="templates/subTrail/images/icon_mini_register.gif" width="12" height="13" border="0" alt="<font color=red>Registrieren</font>" hspace="3" /><font color=red>Registrieren</font></a></span>

Du möchtest also den Alternativ-Text des Registrien-Bildchens Rot darstellen . Leider funktioniert dies nicht indem Du einen HTML-Tag als Alt-Tag angibst. Ein HTML-Tag innerhalb eines HTML-Tags, das geht nicht, glaube mir.

Um dir ganz sicher zu sein das es daran wirklich nicht liegt solltest Du es zumimdest einmal versuchen.
Ersetzte folgendes:

Code: Alles auswählen

<img src="templates/subTrail/images/icon_mini_register.gif" width="12" height="13" border="0" alt="<font color=red>Registrieren</font>" hspace="3" />

durch folgendes:

Code: Alles auswählen

<img src="templates/subTrail/images/icon_mini_register.gif" width="12" height="13" border="0" alt="Registrieren" hspace="3" />

Und Du bist wieder HTML konform

Elo

[helluvaguy]

...Du möchtest also den Alternativ-Text des Registrien-Bildchens Rot darstellen .

Das war nun wahrlich nicht die Absicht . Habe nur nicht beachtet, dass der ALT-Tag und der Link die selbe Variable

Code: Alles auswählen

{L_REGISTER}

verwenden.

Ich habe diese Änderung nun vorgenommen - aber hat sich dadurch was am ürsprünglichen Problem geändert (wie schon gesagt, ich habe kein NN 4.7 zu Hand)?

Danke auf alle Fälle für die Zeit, die Du dir genommen hast.

[Elo]

Dieser HTML-Fehler scheint es nicht gewesen zu sein.

Es liegt jedoch noch ein weiter vor.
Such mal:

Code: Alles auswählen

		</table>


</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">

und ersezte ihn durch diesen:

Code: Alles auswählen

		</table></td>
	</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">

Wie Du siehst gehe ich immer noch nicht davon aus, das es sich um ein JS-Problem handelt

Elo

[helluvaguy]

Habe ich gemacht. Hatte eigentlich angenommen, das mein Dreamweaver es mir anzeigen würde, wenn da irgendwo nicht-geschloßene Tags sind. Scheinbar nicht immer.

Aber soll angeblich nichts gebracht haben.

[Elo]

Leider kann ich den Darstellungsfehler hier lokal nicht reproduzieren.
Eigenartigerweise ist der Fehler beim spechern lokal nicht mehr vorhanden obwohl ich sämtlich Pfade angepasst habe .

Der Body-Tag ist doch arg weit oben, sodass selbst einige Meta-Tags nun im Body-Bereich stehen.

Nimm doch mal folgenden Block:

Code: Alles auswählen

<body bgcolor="#D5E3D7" text="#000000" link="#3F702E" vlink="#66A650" leftmargin="15" marginwidth="15">
<div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)"

onClick="jumptoie5(event)" display:none>
<div class="menuitems" url="../portal/index.php">Portal</div>
<div class="menuitems" url="../main_frame.html" target="newwin">Homepage</div>
<div class="menuitems" url="../phpBB2/index.php">Foren-Übersicht</div>
<div class="menuitems" url="../phpBB2/rules.php">Community Regeln</div>
<hr>
<div class="menuitems" url="../phpBB2/statistics.php">Statistik</div>
<div class="menuitems" url="../phpBB2/faq.php">FAQs</div>
<div class="menuitems" url="../phpBB2/search.php">Suchen</div>
<div class="menuitems" url="../phpBB2/memberlist.php">Mitgliederliste</div>
<div class="menuitems" url="../phpBB2/groupcp.php">Benutzergruppen</div>
<div class="menuitems" url="../phpBB2/calendar.php">Kalender</div>
<div class="menuitems" url="../phpBB2/links.php">Links</div>
<div class="menuitems" url="../phpBB2/profile.php?mode=editprofile">Profil</div>
<div class="menuitems" url="../phpBB2/privmsg.php?folder=inbox">PN-Box</div>

<hr>
<div class="menuitems" url="../phpBB2/search.php?search_id=newposts">Neue Beiträge</div>
<div class="menuitems" url="../phpBB2/search.php?search_id=egosearch">Eigene Beiträge</div>
<div class="menuitems" url="../phpBB2/viewonline.php">Wer ist online?</div>
<div class="menuitems" url="../phpBB2/profile.php?mode=editprofile#avatar">Avatar einrichten</div>
<div class="menuitems" url="../phpBB2/profile.php?mode=sendpassword">PW vergessen?</div>
</div>

<script language="JavaScript1.2">

//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0

var ie5=document.all&&document.getElementById
var ns6=document.getElementById&&!document.all
if (ie5||ns6)
var menuobj=document.getElementById("ie5menu")

function showmenuie5(e){
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth :

window.pageXOffset+e.clientX-menuobj.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX

//same concept with the vertical position
if (bottomedge<menuobj.offsetHeight)
menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight :

window.pageYOffset+e.clientY-menuobj.offsetHeight
else
menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY

menuobj.style.visibility="visible"
return false
}

function hidemenuie5(e){
menuobj.style.visibility="hidden"
}

function highlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor="highlight"
firingobj.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor=""
firingobj.style.color="black"
window.status=''
}
}

function jumptoie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
if (firingobj.getAttribute("target"))
window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
else
window.location=firingobj.getAttribute("url")
}
}

if (ie5||ns6){
menuobj.style.display=''
document.oncontextmenu=showmenuie5
document.onclick=hidemenuie5
}

</script>

und füge ihn hinter:

Code: Alles auswählen

<SCRIPT SRC="http://www.bs-scouts.de/phpBB2/ssm.js" language="JavaScript1.2">

</SCRIPT>

<SCRIPT SRC="http://www.bs-scouts.de/phpBB2/ssmItems.js" language="JavaScript1.2"></SCRIPT>

ein

In diesem Block sollte noch hinter:

Code: Alles auswählen

<script language="JavaScript1.2">

ein:

Code: Alles auswählen

<!--

und dementsprechend vor:

Code: Alles auswählen

</script>

ein:

Code: Alles auswählen

//-->