Hallo,
ich befasse mich nochmal mit dieser Seite https://www.muster.derkps.de/
Die sidebar-right ist in Cassiopeia user.css wie folgt definiert
Code
@media (min-width: 1024px) {
.grid-child.container-sidebar-right {
position: relative;
background: #ffff00; /*none;*/ /*Zur Entwicklungszeit sehe ich wo ich bin!*/
}
.grid-child.container-sidebar-right > div {
/*position: relative; top: -75px; right: 10px; z-index: 0;*/
/*position: fixed; top: 300px; right: 10px; z-index:10;*/
/*position: sticky; position: -webkit-sticky; top: 300px; right: 0px; z-index: 10;*/
}
}
Alles anzeigen
Die sidebar-right folgt der Einstellung min-width (<1024px) und ist mit #ffff00 überhaupt sichtbar.
Der Position sidebar-right ist ein Modul zugeordnet und in JCE mit CSS-Klasse Modul .aside in der user.css beschrieben.
Code
.aside {
border: solid; /*none;*/
border-color: #e68a00;
background-color: rgba(230, 138, 0, 0.3); /*#ffff00;*/ /*#d3d3d3;*/
margin: 0 auto 0 auto;
padding: 0 5px 0 5px;
width: auto; /*Modulstil: nocard*/
height: 250px;
overflow-y: scroll;
}
Nun irritiert mich, dass dieses Modul bezüglich @media (min-width: 1024px) ganz eigene Vorstellungen hat und mit F12/Abmessungen: Responsiv (Chrome) erst später den 'Aufenthaltsort' wechselt (<992px).
Das Problem tritt in .grid-child.container-sidebar-right > div bei allen 4(3) positionen : ... auf
Warum? Das verstehe ich wieder nicht!
vG