nicht angemeldet
MudGuardHi,
<html>
<body>
<p style="background-color: red; min-height: 200px;">
<div style="background-color: yellow; vertical-align:text-bottom;">
Daß das div nicht innerhalb des p liegt, ist Dir bewußt?
Das schließende Tag von p ist optional; da p kein div enthalten kann, wird es also implizit geschlossen, bevor das div beginnt.
vertical-align wirkt sich nur bei inline- und bei table-cell-Elementen aus.
Dein div ist keins von beiden.
</p>
Du schließt hier ein p, das nirgends geöffnet wurde.
<div style="background-color: red; min-height: 200px;">
<p style="background-color: yellow; vertical-align:text-bottom;">
vertical-align wirkt sich nur bei inline- und bei table-cell-Elementen aus.
Dein p ist keins von beiden.
Im ersten Versuch scheint es zu klappen, weil das p _vor_ dem div eine Mindesthöhe hat - das div wird aber nicht innerhalb des p an dessen Unterkante ausgerichtet.
Mit der webdeveloper-Erweiterung zeigt Firefox an, dass es den "p"-Tag nicht als Blockelement auffasst.
Wie genau ermittelst Du das?
Hat noch jemand eine Idee, wie ich ein p - Tag in einem div vertikal ausrichten kann, wenn mir die genaue Höhe des p-Tags nicht (vorher) bekannt ist?
Über Positionierung oder über table-cell.
cu,
Andreas
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.