Seite nach Update auf Contao 3.0 komplett zerschossen

**bongartz120** · 30.11.2012, 10:42

Hallo,

ich habe leider den Fehler gemacht mit einer 2.11.6. Seite auf Conto 3.0.1 up zu daten. Und jetzt ist das komplette Layout zerschoßen und ich weiß nicht wo ich fangen muss die Fehler zu beheben. selbst Bilder die per Contao eingefügt wurden sind, werden nicht mehr angezeigt.

Hier der Link zu meinem Missgeschick.

http://contao.peco-maschinen.com

Danke

Gruß

Bongartz120

**mim** · 30.11.2012, 10:56

Was genau ist den jetzt zerschoßen?

Has du dir die Tips zum Update hier im Forum angeschaut?

Zu deinem Bilderproblem:
Versuchs mal mit Dateiverwaltung -> Synchronisieren

Und am besten bereinigst du das CMS von den Temp-Dateien.

**bongartz120** · 30.11.2012, 11:02

Wenn du dir die Seite anschaust siehtst du was ich meine. Alle Inhalte sind über einander geschoben. Quasi die Formatierung von den Spalten mit deren Position ist komplett weg. In 2.11.6 hatte ich 3 Spalten mit Bildern, Texten und einen Navigation. Jetzt sind die Bilder weg bzw. werden nicht mehr angezeigt und alles ist verschoben.

Habe gerade schon was im CSS geschaut wodran es liegen kann, habe aber wirklich nix gefunden.

Die Tipos zum Umzug haben mir nicht geholfen.

**dackelchen** · 30.11.2012, 11:14

3 Spalten, dann beschäftige Dich mal im Layout mit dem Holy Grail. Einfach ausprobieren, kaputter geht ja nicht. Ne im Ernst, Sicherung haste gemacht, denke ich mal und ausprobieren hilft...

**bongartz120** · 30.11.2012, 11:20

So habe jetzt alle CSS Dateien von Contao gelöscht und left, main float left und right float right und schon sieht es wieder so aus wie vorher. Habe jetzt nur angst wie es in den anderen Browsern aussieht.

**bongartz120** · 30.11.2012, 11:33

Was wirklich ein Unding ist, dass man "Navigation Überspringen" nicht mehr ausblenden kann. Wenn ich es ausblende will, dann wird die komplette Navigation aus geblendet. Habe sogar extra das Template verändert und es geht nicht.

Das ist wirklich sehr bescheiden.

**Russe** · 30.11.2012, 11:47

Zitat von bongartz120

Was wirklich ein Unding ist, dass man "Navigation Überspringen" nicht mehr ausblenden kann. Wenn ich es ausblende will, dann wird die komplette Navigation aus geblendet. Habe sogar extra das Template verändert und es geht nicht.

Das ist wirklich sehr bescheiden.

Warum sollte man das nicht ausblenden können? Das hat doch die Klasse „invisible“.

**bongartz120** · 30.11.2012, 12:00

Ja das stimmt, nur wenn man die die Klasse "invisible" auf "Display=none" stellt wird das komplette Menü mit ausgeblendet. Was für mich total unverständlich ist.

Habe jetzt die Textfarbe auf weiß gesetzt, damit man es nicht sieht, aber das ist ja eine scheiß Lösung.

**Russe** · 30.11.2012, 12:26

Jetzt fehlt dir wohl das Contao-CSS, das bringt scheinbar alles durcheinander.

**bongartz120** · 30.11.2012, 12:28

Ja habe ich ja gesagt, nur so sieht die Site wieder aus wie sie aussehen soll.

**dackelchen** · 30.11.2012, 12:30

Mein Papa sgte immer: "sch..." sagt man nicht.

Zu Deinem Problem: Überprüfe mal die Semantik in Deinem CSS. Da scheint was nicht zu stimmen. Im FB, bekomme ich z. B: #unsichtbar angezeigt, die es in Core nicht gibt.

Ich mache gerade 2 Seiten mit C3, die Navis (insgesammt über 5 Stück) sind alle schon fertig und nirgendwo hatte ich "Deinen" Fehler.

**bongartz120** · 30.11.2012, 12:33

So mit dem Layout-Builder wird die Seite komplett zerlegt und es werde nicht mal Artikel mit Bildern angezeigt.

Mit TinyMCE-Stylesheet gibt es keinen unterscheid ob ich es aktiv habe oder nicht.

Und bei allen kann ich "Navigation überspringen" nicht ausblenden.

Ja habe die Template Datei angepasst und gehofft, das ich die id unsichtbar ausblenden kann, aber auch hier wird das komplette Menü ausgeblendet.

Ich hätte einfach nicht updaten sollen und alle Projekte auf 2.11 lassen lassen und nur neue auf 3.0 beginnen sollen.

**MartinG** · 30.11.2012, 12:36

Das JavaScript (animation.js), was an der Navigation "herumdoktort", ist sicher auch nicht ganz unschuldig daran.

So hat das <ul> der Navigation ein "position:absolute;" im CSS, ebenso die darin liegenden <li>. Das sorgt dafür, dass die Navigation aus dem üblichen Layout "ausbricht". Wenn du diese "position: absolute;" herausnimmst und stattdessen mit "margin-top" die Abstände nach oben regelst, sollte es optisch auf ein gleiches Erbebnis hinauskommen. EDIT: dann funktioniert ausserdem auch das "display: none" für die Klasse .invisible.

Wozu überhaupt das JavaScript im Navgations-Menü den <li> jeweils eine CSS-Angabe "top:" hinzufügt, hat sich mir nicht erschlossen. Gibt es da noch irgendwoe Unter-Navigationen o.ä.?

**bongartz120** · 30.11.2012, 12:43

Die Navigation hat auch die Möglichkeit Untermenü's auszufahren und diese wieder einzufahren. Das ist bei dieser Seite noch nicht der Fall, aber ich habe dies schon mit eingefügt.

Ich verstehe aber nicht warum die Position einer li etwas mit dem Display tag zu tunen haben kann. Vor allem wenn ich extra eine Klasse nur für dieses Element erstellt habe und dann alles von der Navigation ausgeblendet wird.

**MartinG** · 30.11.2012, 16:03

Weil du mit "position: absolute" das <ul> und somit die komplette Navigation aus der natürlichen Struktur des HTML-Flusses entfernst.
Das einzige, was dann überhaupt noch innerhalb des <aside id="right"> verbleibt, ist eben der Link "Navigation überspringen". Damit definiert die Grösse dieses Links auch die Grösse des <aside>. Und auf ebendiese Grösse wiederum beziehen sich die absoluten (teilweise negativen) Positionsangaben für das <ul> und die enthaltenen <li>.

Wenn du dann mit "display: none" den Link entfernst, hat das <aside> eine Breite und Höhe von 0. Dann wird deine Navigation völlig anders positioniert, nämlich rechts ausserhalb des Sichtbereichs - schau es dir im Firefox mit Firebug einmal an.

Ich würde empfehlen, auf das "position:absolute" zu verzichten, ebenso auf "top" und "right" im CSS und im JavaScript. Dürfte aber etwas Arbeit bedeuten, das CSS und das JavaScript entsprechend umzustellen.