MyBB.de Forum

Normale Version: Modifiziertes Menü wird vom IE9 nicht korrekt angezeigt
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
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)
[attachment=7618]

Ansicht IE (V. 9)
[attachment=7619]

Hoffe aus Hilfe....

Schaden ist unter: Link zu begutachten Sad
In meinem FF sieht es aber auch nicht besser aus... Wink

Wo hast Du das Menü-Script denn her? Vielleicht ist es veraltet?
Es handelt sich um DIESES hier.
Sieht es bei Dir mit dem FF anders aus als auf dem Bild ?
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.
ich habs mal zurückgeschraubt und werde mal sehen, das
überhaupt die Basics stimmen.

Dank Dir !!
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.
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
Gut, bin gespannt obs funzt.
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:
[attachment=7625]
IE:
[attachment=7626]

Danke Euch !!
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
Seiten: 1 2