TEST: Template "fhs-left-right-17x"

[olape]

Bei deiner Variante ohne JS-Scrolling ist die Animation beim Auf- bzw. beim Zuklappen gestört - nur im Firefox

Ist mir noch nicht aufgefallen. Sehe ich heute noch mal genau hin.

Stimmt, bei Firefox springt es beim Zuklappen, beim Aufklappen scheint es bei mir normal.

Mir ist noch was anderes aufgefallen, was vermutlich mit irgendeinem z-index zusammenhängt (denke ich). Ich bin dem aber noch nicht nachgegangen.

https://olaf.penschke.net/?Datenschutz#Kontaktaufnahme
https://olaf.penschke.net/?Datenschutz#Cookies
Nutzt man jetzt den Top-Link, oder scrollt nach oben:

Firefox --> verschwindet die Kopfzeile und man hat kein Menü mehr.
Chrome --> Menü ist da, aber die Formatierung (Höhe Banner) passt nicht mehr.

[frase]

Stimmt, bei Firefox springt es beim Zuklappen, beim Aufklappen scheint es bei mir normal.

Genau so ist es.

Mir ist noch was anderes aufgefallen, was vermutlich mit irgendeinem z-index zusammenhängt (denke ich). Ich bin dem aber noch nicht nachgegangen.

https://olaf.penschke.net/?Datenschutz#Kontaktaufnahme
https://olaf.penschke.net/?Datenschutz#Cookies
Nutzt man jetzt den Top-Link, oder scrollt nach oben:

Das passiert allerdings nur in deiner geänderten Version.
https://new.penschke.net/?Datenschutz#Cookies
Da passiert es nicht. (Mal abgesehen davon, dass es den Anker nicht gibt.)
Setze doch mal bei "new" den Anker (z.B. Cookies) und teste dann den Deep-Link.

[olape]

olape hat geschrieben: ↑07 Mär 2018 16:28
Stimmt, bei Firefox springt es beim Zuklappen, beim Aufklappen scheint es bei mir normal.
Genau so ist es.

Damit kann ich erst mal leben.

Setze doch mal bei "new" den Anker (z.B. Cookies) und teste dann den Deep-Link.

https://new.penschke.net/?Datenschutz#Cookies
Das ist die letzte (Test)Version des Templates und es kommt leider das Gleiche raus.

[frase]

https://new.penschke.net/?Datenschutz#Cookies
Das ist die letzte (Test)Version des Templates und es kommt leider das Gleiche raus.

Stimmt. Mist.
Da muss ich mich mal auf die Suche begeben.
(oder du verzichtest auf die Deeplinks )

[olape]

(oder du verzichtest auf die Deeplinks )

Das wäre für mich nicht so problematisch.

Aber ich gehe davon aus, das Template ist nicht nur für mich bestimmt.

[frase]

Aber ich gehe davon aus, das Template ist nicht nur für mich bestimmt.

Ja richtig. Aber in diesem Template war auch keine Druckvorschau und auch keine Anker für Deeplinks vorgesehen.
Insofern: Alles nur für dich

Im Ernst:
Ein Versuch:
in stylesheet.css ab Zeile 232 IST:

Code: Select all

/* Layout */
.canvasContainer {
	margin: 50px 0 0 0;
	background: #fff;
}

Ändern in:

Code: Select all

/* Layout */
.canvasContainer {
	padding: 50px 0 0 0 !important;
	background: #fff;
}

Bei meinem Schnelltest scheint das zu helfen.
Weitere Spätfolgen müssen noch herausgefunden werden.

[olape]

Ändern in:
CODE: ALLES AUSWÄHLEN

/* Layout */
.canvasContainer {
padding: 50px 0 0 0 !important;
background: #fff;
}
Bei meinem Schnelltest scheint das zu helfen.

Nicht bei mir, weder in Firefox noch in Chrome ändert sich etwas.
Weder in meiner geänderten Version noch im ganz neuen Entwurf.

Ja richtig. Aber in diesem Template war auch keine Druckvorschau und auch keine Anker für Deeplinks vorgesehen.
Insofern: Alles nur für dich

Die Druckvorschau lass ich gelten.
Aber mit Ankern bin ich bestimmt nicht der einzige.

[frase]

Nicht bei mir, weder in Firefox noch in Chrome ändert sich etwas.
Weder in meiner geänderten Version noch im ganz neuen Entwurf

CnC-Cache geleert?
Und: statt "margin" kommt jetzt "padding" hin!

[olape]

CnC-Cache geleert?

Das ist eigentlich nicht nötig.

statt "margin" kommt jetzt "padding" hin!

Das war es. Dann klappts auch mit dem Nachbarn.

[olape]

Damit die Anker nicht hinter dem Menübalken verschwinden

Code: Select all

h1, h2, h3, h4, h5, h6 {
	font-family: PTsans-Narrow, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #f14;
	line-height: normal;
	position: relative; /* zusätzlich */
}

Und dann dazu

Code: Select all

h1 a[id], h2 a[id], h3 a[id], h4 a[id], h5 a[id], h6 a[id] {
	position: absolute; top: -60px;
}