@@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