@@mathefritz
ok, hier mein vorläufiger, darauf bauender Ansatz ( WARUM KLAPPT DAS vertical-align nicht ?)
Weil für .a, .b und .c der berechnete Wert der display-Eigenschaft nicht table-cell ist, sondern block (wegen position: absolute).
<!DOCTYPE html><meta charset='utf-8'><html><head>
Es ist zwar richtig, dass die Zeichencodierungsangabe so früh wie möglich kommen sollte – aber nicht früher. Die gehört schon hinter das <head>-Start-Tag.
(Fast hätte ich geschrieben: in den head, aber da ist sie ja drin.)
Übrigens fehlt das title-Element.
Und die Angabe der Sprache des Seiteninhalts. (Warum? | Tutorial)
</head> <div class="prisma"> <div class="a">WIRBLER & MIRBLER</div> <div class="b">Hier könnte Ihre Werbung stehen</div> <div class="c">Werbefläche</div> </div> </html>
Die <body>-Start- und </body>-End-Tags wegzulassen, ist auch nicht bester Stil.
LLAP 🖖
--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory