Accordion Modul erzeugt Darstellungsfehler; Problem im Stylesheet vermutet

Hallo Zusammen,

ich nutze auf meiner Homepage ein Akkordion-Modul, welches seid kurzem nur noch einen Darstellungsfehler produziert. Bei der Fehlersuche bräuchte ich eure Hilfe. Geht auf meine Homepage (http://www.ms-sinner.de) sollte sich unter dem weißen Header-Bereich das Akkordion-Modul aufbauen, mit dem man durch sechs verschiedene Bereiche navigieren sollen könnte. Ich vermute den Fehler irgendwo im Stylesheet / style.css - kann aber leider nicht wirklich mit dem Code etwas anfangen. Vielleicht erkennt ihr ja den Fehler auf anhieb - der für mich als laien Fehlersucher nicht erkennbar ist:

#container #main .ce_accordion .toggler{margin-bottom:10px;padding-bottom:10px;cursor: pointer;}
#container #main #menu_01 .toggler{border-bottom:1px solid #00acfc;}
...
#container #main #menu_06 .toggler{border-bottom:1px solid #727272;}
#container #main .ce_accordion .toggler .button{padding:0 0 0 20px;font-family:century gothic, tahoma, arial, sans-serif;font-size:14px;text-transform: uppercase;}
#container #main #menu_01 .toggler .button{background:url("http://forum.wpde.org/images/01.gif") left center no-repeat;color:#00acfc;}
...
#container #main #menu_06 .toggler .button{background:url("http://forum.wpde.org/images/06.gif") left center no-repeat;color:#727272;}
#container #main .ce_accordion .accordion .container{width:680px;margin:10px auto 20px;}
#container #main .ce_accordion .accordion h1{margin-bottom:14px;font-family:century gothic, tahoma, arial, sans-serif;font-size:14px;text-transform: uppercase;font-weight: 100;}
#container #main #menu_01 .accordion  h1{color:#00acfc;}
...
#container #main #menu_06 .accordion h1{color:#727272;}
#container #main #menu_02 .accordion img{margin-right:10px;border-top:1px solid #00E212;border-bottom:1px solid #00E212;}
#container #main .ce_accordion .accordion .ce_text p,#container #main  p{margin-bottom:14px;font-family:century gothic, tahoma, arial, sans-serif;font-size:13px;color:#ffffff;line-height:160%;}

Den unnötigen Code habe ich mal entfernt und durch "..." markiert. Zur weiteren Information hier noch der Header-Bereich - vll. hilft der ja noch weiter:

#header{width:100%;background:url("http://forum.wpde.org/images/header_background.jpg") left top repeat-x;}
#header .inside{width:720px;overflow:hidden;margin-right:auto;margin-left:auto;}
#header .inside #logo{width:220px;float:left;margin-top:30px;}
#header .inside #sinner_effekt{width:470px;float:right;}

Kann mir jemand helfen? Braucht ihr noch mehr Infos?

Beste Grüße
Alfred

Eigentlich habe ich nichts an der Homepage geändert - der Fehler ist quasi einfach so aufgetreten. Der Fehler könnte höchstens zusammen mit dem Hochladen eines neuen Bilds für den NivoSlider aufgetreten sein.

Um den NivoSlider als Fehlerquelle auszuschließen habe ich ihn jetzt einfach deaktiviert (genauso wie jetzt auch alle anderen Plugins, wie zB. ein Kontaktformular Plugin). Leider war das ohne Erfolg. Der Darstellungsfehler besteht weiterhin. Und komischerweise sehe ich jedes mal beim Neuladen der Homepage für einen Bruchteil einer Sekunde alle einzelnen sechs Bereiche ausgeklappt. Dann verschwinden der ganze Inhalt inkl. Überschriften und es bleibt nur noch der Bereich "Start" stehen. Dieses Verhalten hatte ich auch schon vor dem Deaktivieren aller Plugins.

Stimmt :-) Der Fehler scheint dann auf jeden Fall vom System des Betrachters abzuhängen. Mit meinem Windows7 System sieht die Page beim Betreten wie folgt aus:

Auf meinem OSX-System habe ich den Fehler nicht. Hingegen hatten mir Kunden auch mitgeteilt, dass Sie einen Darstellungsfehler auf der Page hätten.

Ich hätte vll. noch sagen sagen sollen, dass ich mit dem Firefox unterwegs bin :-) Aber das ändert nichts an deinem vorgeschlagenem Lösungsweg. Der Fehler tritt nämlich nur beim Firefox und nicht beim IE auf meinem Win7 System auf. Ich werde mich dann mal an den Support wenden bzw. ein anderes Akkordion Modul ausprobieren und hoffe damit das Problem zu lösen. Ob das funktioniert hat werde ich hier dann noch berichten.

Auf jeden Fall schon einmal: Danke Gerd-E.!

Mittlerweile bin ich ein bisschen schlauer. Der Darstellungsfehler muss wohl an dem Firefox Update von Vers. 17.x auf 18, wodurch ein Problem mit mootools 1.2 auftritt. Hier die Quelle dazu: https://community.contao.org/de/showthread.…5-nicht-zurecht

https://community.contao.org/de/showthread.…5-nicht-zurechtEdit1: Im oben genannten Link handelt es sich aber um Contao und nicht um WordPress.

Ja das klingt auch logisch. Nur nach dem Laden aller sechs Bereiche verschwinden 5 der 6 Bereiche komplett und vom erstem, dem Start-Bereich, bleibt nur noch die Überschrift stehen (wie im Screenshot oben zu sehen). Naja, für heute lasse ich mal fünfe gerade sein und schaue morgen weiter - Danke bis hierher :-)