Frage zu grid

[Rolf B]

Hallo Gast,

Woher kommen die Zeilen 1, 3 und 4, wobei ich die Zeile 3 nicht markieren kann wie die übrigen Zeilen?

Was Dir da im Inspektor als "Zeile 1" und "Zeile 4" hervorgehoben wird, sind die body und footer Elemente, die Du aus mir nicht verständlichen Gründen auf 1em Höhe festgenagelt hast. Kannst Du den Grund dafür benennen?

In den meisten Fällen ist es sinnvoll, den Browser die Höhe von Elementen bestimmen zu lassen. Durch height:1em sind dein body und dein footer viel zu klein und die Elemente ragen über sie hinaus. Nimm die height-Angabe bei beiden weg.

"Zeile 2" ist dein Grid im body, mit den 5 p Elementen.

Zeile 3 ist einfach Weißraum, da ist nichts, und darum hebt der Inspektor da nichts hervor.

Und warum ist der da? Dein Bild zeigt so merkwürdige grüne Flächen über und unter den p Elementen. Was mag das wohl sein? Klick im Inspektor mal in der Infobox auf das "Layout" Tab und mach einen Farbvergleich...

Oder klick auf das "Berechnet" Tab, schalte die Browser-Stile ein und schau, was zwischen list-style-type und marker-end steht...

Spoiler...

Rolf