Fixierter Header mit Flexbox-Verfahren klappt nicht richtig
bearbeitet von MrMurphy1Hallo
> Deine beiden CSS-Anweisungen funktionieren einzeln für sich, wenn jeweils overflow-y: scroll; mit angegeben ist. Der erste CSS-Vorschlag alleine erzeugt zwischen den Abschnitten grüne Hintergrundsfarbbalken (logisch, kein Problem).
Das verstehe ich nicht. Der Quellcode funktioniert so wie er ist, dann gibt es auch keine Lücken, bei der die grüne Hintergrundfarbe des div zu sehen ist.
Mein Hinweis sollte nur darauf hinweisen, das statt
> ~~~
> body>div {
> background: green;
> overflow-y: scroll;
> flex: 1 1 auto;
> }
> body>div {
> display: flex;
> flex-wrap: wrap;
> }
> ~~~
auch
> ~~~
> body>div {
> background: green;
> overflow-y: scroll;
> flex: 1 1 auto;
> display: flex;
> flex-wrap: wrap;
> }
> ~~~
geschrieben werden kann. Bis auf den background darf aber keine Anweisung enrfernt werden.
Wenn du meinen Quellcode komplett übernimmst sollte eigentlich alles passen.
Gruss
MrMurphy
Fixierter Header mit Flexbox-Verfahren klappt nicht richtig
bearbeitet von MrMurphy1Hallo
> Deine beiden CSS-Anweisungen funktionieren einzeln für sich, wenn jeweils overflow-y: scroll; mit angegeben ist. Der erste CSS-Vorschlag alleine erzeugt zwischen den Abschnitten grüne Hintergrundsfarbbalken (logisch, kein Problem).
Das verstehe ich nicht. Der Quellcode funktioniert so wie er ist, dann gibt es auch keine Lücken, bei der die grüne Hintergrundfarbe des div zu sehen ist.
Der Hinweis, dass die beiden CSS-div-Anweisungen auch zusammgengefasst werden kann, ist nur für die Besserwisser hier im Forum, die sich nicht vorstellen können,
Mein Hinweis sollte nur darauf hinweisen, das statt
> ~~~
> body>div {
> background: green;
> overflow-y: scroll;
> flex: 1 1 auto;
> }
> body>div {
> display: flex;
> flex-wrap: wrap;
> }
> ~~~
auch
> ~~~
> body>div {
> background: green;
> overflow-y: scroll;
> flex: 1 1 auto;
> display: flex;
> flex-wrap: wrap;
> }
> ~~~
geschrieben werden kann. Bis auf den background darf aber keine Anweisung enrfernt werden.
Wenn du meinen Quellcode komplett übernimmst sollte eigentlich alles passen.
Gruss
MrMurphy
Fixierter Header mit Flexbox-Verfahren klappt nicht richtig
bearbeitet von MrMurphy1Hallo
> Deine beiden CSS-Anweisungen funktionieren einzeln für sich, wenn jeweils overflow-y: scroll; mit angegeben ist. Der erste CSS-Vorschlag alleine erzeugt zwischen den Abschnitten grüne Hintergrundsfarbbalken (logisch, kein Problem).
Das verstehe ich nicht. Der Quellcode funktioniert so wie er ist, dann gibt es auch keine Lücken, bei der die grüne Hintergrundfarbe des div zu sehen ist.
Der Hinweis, dass die beiden CSS-div-Anweisungen auch zusammgengefasst werden kann, ist nur für die Besserwisser hier im Forum, die sich nicht vorstellen können,
Mein Hinweis sollte nur darauf hinweisen, das statt
> ~~~
> body>div {
> background: green;
> overflow-y: scroll;
> flex: 1 1 auto;
> }
> body>div {
> display: flex;
> flex-wrap: wrap;
> }
> ~~~
auch
> ~~~
> body>div {
> background: green;
> overflow-y: scroll;
> flex: 1 1 auto;
> display: flex;
> flex-wrap: wrap;
> }
> ~~~
geschrieben werden kann. Bis auf den background darf aber keine Anweisung enrfernt werden.
Gruss
MrMurphy