Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Modifiziertes Menü wird vom IE9 nicht korrekt angezeigt
#1
Hi zusammen,

nachdem ich mir ein Menü-Script aus dem Netz gezogen
und kräftig daran rumgebast habe, musste ich feststellen,
das der IE mir das Menü total verreist.

Bevor ich es ins Forum eingebettet hatte, ging es noch.
Der Fehler muss irgendwo in den eingefügen Zeilen
meines tmpl. Header sein.

Ansicht Firefox (V.11.0)
   

Ansicht IE (V. 9)
   

Hoffe aus Hilfe....

Schaden ist unter: Link zu begutachten Sad
Gruß
René
Zitieren
#2
In meinem FF sieht es aber auch nicht besser aus... Wink

Wo hast Du das Menü-Script denn her? Vielleicht ist es veraltet?
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#3
Es handelt sich um DIESES hier.
Sieht es bei Dir mit dem FF anders aus als auf dem Bild ?
Gruß
René
Zitieren
#4
Habe mir mal Deinen Quelltext angesehen und muss sagen, da sind wirklich ein paar komische Dinge drin. So definierst Du z.B. ein CSS-Stylesheet vor dem Doctype. Den Bereich <html> hast Du zweimal enthalten usw. usf.

Das alles kann durchaus dazu führen, dass Browser die Seite nicht richtig darstellen können, ganz abgesehen von Deinem neuen Menü. An Deiner Stelle würde ich erst einmal diese Dinge i.O. bringen und dann kannst Du es mit dem Menü ja noch einmal probieren.
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#5
ich habs mal zurückgeschraubt und werde mal sehen, das
überhaupt die Basics stimmen.

Dank Dir !!
Gruß
René
Zitieren
#6
Hallo, wenn Du alles wieder so hinbekommen hast wie es Jockl dir empfohlen hat, kannst du dieses bei dir testen. Habs bei mir Local getestet und kann daher es nicht mit 100% iger Gewissheit sagen obs auch bei Dir geht.

Als erstes den Inhalt des "js" Ordners (jquery.js ; modernizr.js ; modernizr.js) in den Order "jscripts" deines Roots hinein kopieren.

Als zweites den Ordner samt Inhalt "css" und ebenso den Ordner samt Inhalt "fallback" auf Deinen Root hochladen.

Gehe in dein "Templates ---> Dein Design ---> Templates ohne Gruppe ---> headerinclude" und füge dieses ein.
PHP-Code:
<link rel="stylesheet" href="{$mybb->settings['bburl']}/css/nav.css">  
        <!--[if 
IE]>  
            <
script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
        <![endif]-->
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/modernizr.js"></script>
<
script>
            var 
el document.getElementsByTagName("body")[0];
            
el.className "";
        </
script>
        <
noscript>
            <!--[if 
IE]>
                <
link rel="stylesheet" href="{$mybb->settings['bburl']}/css/ie.css">
            <![endif]-->
        </
noscript

Weiter gehts damit: gehe zu "---> Seitenkopf Templates ---> header"
in der ersten Zeile zu finden dies
PHP-Code:
<div id="container"

ersetzen mit
PHP-Code:
<div id="container"  class="no-js"

Nun kommt es darauf an wie Dein Design aufgebaut ist und wo die Navigation anfängt.

Suche deine bisherige Navigation und ersätze sie mit diesem Code.
PHP-Code:
<nav id="topNav">  
                <
ul>  
<
li><a href="{$mybb->settings['bburl']}/index.php" title="Forum">Forum</a></li>
                    <
li><a href="{$mybb->settings['bburl']}/search.php?action=getnew" title="View the latest posts">{$lang->welcome_newposts}</a></li>
                    <
li><a href="{$mybb->settings['bburl']}/memberlist.php" title="See a list of our members">{$lang->toplinks_memberlist}</a></li>
                    <
li><a href="{$mybb->settings['bburl']}/calendar.php" title="Browse our Calendar">{$lang->toplinks_calendar}</a></li>
                    <
li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Read various FAQs and get information on different parts of the board">{$lang->toplinks_help}</a></li
                <
li><a href="#" title="Nav Link 1">Nav Link 2 test</a>
                    <
ul>
                        <
li><a href="#" title="Sub Nav Link 1">Sub Nav Link 1</a></li>
                        <
li><a href="#" title="Sub Nav Link 2">Sub Nav Link 2</a></li>
                        <
li><a href="#" title="Sub Nav Link 3">Sub Nav Link 3</a></li>
                        <
li><a href="#" title="Sub Nav Link 4">Sub Nav Link 4</a></li>
                        <
li class="last"><a href="#" title="Sub Nav Link 5">Sub Nav Link 5</a></li>
                    </
ul>        
                </
li>   
            </
ul>  
        </
nav

Hierbei musst Du allerdings Deine Links wieder einfügen und die im Beispiel ersetzen.

Habe das Dropdown bewusst im Code gelassen, damit ersichtlich ist wie es Funktioniert und Aufgebaut ist.

Das wars, hoffe ich hab nichts vergessen Big Grin.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#7
Hi Mr.

vielen Dank für die ausführliche Anleitung.
Werde mich morgen Abend mal hinsetzen... jetzt habe ich
keinen Kopf mehr dafür.

Werde auf jeden Fall danach mein Feedback einbringen.

Smile
Gruß
René
Zitieren
#8
Gut, bin gespannt obs funzt.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#9
Habe es nun mal auf mehrere Arten probiert.
Da mein Style auf die "Default-Templates" hinweist,
habe ich es mit meinem Theme & einmal mit
Default probiert.

Das Ergebnis war eigentlich immer das selbe.
Aber ich denke, das ich zuvor noch gewaltig an
den Basic´s weiterschrauben muss.

Werde mich dann danach wieder dem Thema
widmen.....


So sah es danach aus:

FF:
   
IE:
   

Danke Euch !!
Gruß
René
Zitieren
#10
Die Menüs sehen jetzt aus, wie wenn die CSS-Zuweisungen fehlen würden.

Aber wie schon geschrieben, solltest Du zunächst Deine Templates bzgl. der (X)HTML-Standards durchforsten und korrigieren.
Auf Deiner aktuellen Seite hast Du z.B. in Deinem Menü einen schließenden ul-Tag (</ul>), bei dem aber der öffnende Tag fehlt.
Als Zeilenumbrüche nutzt Du "<br></br>". Der Zeilenumbruch lautet entweder "<br>" (HTML) oder "<br />" (XHTML).
Dann wird Dein body-Tag nicht geschlossen. Da fehlt ein ">".

Dann hast Du ein </div>-Tag, das den container mitten in der Seite einfach schließt. Und so geht das munter weiter... Wink

Unter http://validator.w3.org/ erscheinen auf Deiner Seite etwa 179 Fehlermeldungen. Dagegen sind die 8 Fehler unter http://jigsaw.w3.org/css-validator/ fast schon zu vernachlässigen. Wink
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Menü unter Willkommen Menü ändern mps 2 1.123 26.09.2022, 11:46
Letzter Beitrag: mps
  Smiley-Link funktioniert nicht & Editor wird nicht angezeigt Steffi2012 3 3.013 15.10.2012, 20:50
Letzter Beitrag: Steffi2012
  Header ist nicht in der Mitte & Online Status wird nicht angezeigt Schoani 1 1.751 15.10.2011, 18:29
Letzter Beitrag: Megaleecher
Star Theme wird nicht korrekt dargestellt Trime 10 5.219 23.04.2011, 09:39
Letzter Beitrag: Trime
  links vom menü umändern? aman 21 6.288 25.09.2007, 08:10
Letzter Beitrag: StefanT