Navigation wird nicht mehr angezeigt.

Hallo,
ich hoffe ihr könnt mir nochmals helfen.
Auf unserer Internetseite ist auf einmal die Navigation weg.
Mobil ist die noch da, aber nicht mehr wenn ich über den PC
auf die Seite gehe.
Ich habe überhaupt gar nichts an der Internetseite gemacht, deswegen
ist mir das wieder mal unerklärlich :-/

Es ist auch auf einmal nach unten viel mehr Platz als es vorher war.

Würde mich sehr freuen wenn mir jemand helfen könnte.

https://holzkaiserkoeln.de

Ich sehe gerade, dass die Seite normal angezeigt wird wenn ich über Firefox drauf gehe.
Aber bei Chrome funktioniert es nicht.

Mir fällt auf der Seite jetzt nichts auf, siehe Screenshot im Anhang.

Unabhängig davon: du solltest URLs umschreiben in den System Einstellungen aktivieren - und deine Startseite sollte den Alias index haben.

Zitat:

---

Zitat von HolzKaiser

Ich sehe gerade, dass die Seite normal angezeigt wird wenn ich über Firefox drauf gehe.
Aber bei Chrome funktioniert es nicht.

---

Du verwendest in deinem eigenen CSS folgendes:

Code:

---

#main {
    padding-right: 10px;
    padding-left: 10px;
}

---

Das zerstört das Holy-Grail-Layout. Du brauchst noch zusätzlich

Code:

---

#main {
    box-sizing: border-box;
}

---

Zitat:

---

Zitat von Spooky

Du verwendest in deinem eigenen CSS folgendes:

Code:

---

#main {
    padding-right: 10px;
    padding-left: 10px;
}

---

Das zerstört das Holy-Grail-Layout. Du brauchst noch zusätzlich

Code:

---

#main {
    box-sizing: border-box;
}

---

---

Ok vielen Dank. Schaue ich mir sofort an.
Komisch nur das es bis jetzt die ganze Zeit funktioniert hat :-/

Habe ich geändert, es ändert sich aber nichts.
Navigation wird weiterhin über Chrome nicht angezeigt.

Eigentlich hätte das nie funktionieren sollen. Da haben die Browser wohl großzügigerweise korrigiert. Im Firefox funtioniert es immer noch, in Google Chrome halt nicht.

Zitat:

---

Zitat von tab

Eigentlich hätte das nie funktionieren sollen. Da haben die Browser wohl großzügigerweise korrigiert. Im Firefox funtioniert es immer noch, in Google Chrome halt nicht.

---

Wie meinst du das? Was habe ich falsch gemacht?

Wenn du an #main padding, border oder margin setzt, wird diese Box breiter und deine linke Spalte #left passt da nicht mehr daneben. Abhilfe entweder wie von Spooky geschrieben. Das funktioniert auch, aber deine Änderung wird im Frontend nicht ausgegeben. Mach mal eine Systemwartung, zumindest Seitencache löschen und CSS neu generieren lassen oder einfach komplett. Danach sollte es sichtbar werden.
Alternativ, so war es ursprünglich vorgesehen, die Paddings etc dem #main .inside setzen anstatt #main. Dazu ist das div .inside da. Gleiches gilt auch für die anderen Spalten (#left, #right).

Zitat:

---

Zitat von tab

Wenn du an #main padding, border oder margin setzt, wird diese Box breiter und deine linke Spalte #left passt da nicht mehr daneben. Abhilfe entweder wie von Spooky geschrieben. Das funktioniert auch, aber deine Änderung wird im Frontend nicht ausgegeben. Mach mal eine Systemwartung, zumindest Seitencache löschen und CSS neu generieren lassen oder einfach komplett. Danach sollte es sichtbar werden.
Alternativ, so war es ursprünglich vorgesehen, die Paddings etc dem #main .inside setzen anstatt #main. Dazu ist das div .inside da. Gleiches gilt auch für die anderen Spalten (#left, #right).

---

Ok, ich bekomme das nicht hin. Bin wahrscheinlich zu blöd dafür. Das funktioniert nicht :-/

Hast du das wirklich richtig umgesetzt, also was Spooky geschrieben hat? Denn dann geht es auch.

...also anstelle von deinem CSS in "bildschirm.css"

Code:

---

#main {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.7;
    min-height: 200px;
}

---

...füge bitte die Zeile "box-sizing: border-box;" zusätzlich ein.

Code:

---

#main {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.7;
    min-height: 200px;
    box-sizing: border-box;
}

---

Ich habe es gerade ausprobiert.

Zitat:

---

Zitat von mopic

Hast du das wirklich richtig umgesetzt, also was Spooky geschrieben hat? Denn dann geht es auch.

...also anstelle von deinem CSS in "bildschirm.css"

Code:

---

#main {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.7;
    min-height: 200px;
}

---

...füge bitte die Zeile "box-sizing: border-box;" zusätzlich ein.

Code:

---

#main {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 1.7;
    min-height: 200px;
    box-sizing: border-box;
}

---

Ich habe es gerade ausprobiert.

---

Es ändert sich rein gar nichts. Ich verzweifel hier :-/

Du hast die CSS Änderung noch nicht eingefügt. Zumindest ist davon nichts zu sehen.

Zitat:

---

Zitat von Spooky

Du hast die CSS Änderung noch nicht eingefügt. Zumindest ist davon nichts zu sehen.

---

Ich habe das in der bildschirm.css Datei geändert und die über Filezilla wieder hochgeladen?!

OK ich glaube jetzt hat es funktioniert :-D

Tausend Dank!!! Ich probiere mal noch weiter ob das jetzt alles wieder richtig ist!