nicht angemeldet
Hallo Forum,
ich bin auf folgendes Problem mit meinem Firefox 2.0.0.6 gestoßen und wollte fragen, ob es dazu eine CSS-basierte Lösung gibt.
Das Problem:
Die Internetseite erzeugt die Struktur
<div class="box-body">
<p>
<img ... >
<br>
... text ...
</p>
</div>
. Dabei bekommt der div-Tag eine min-height Angabe für ein einheitliches Aussehen. Um nun den p-Tag vertikal unten anzuordnen, wollte ich diesem einfach ein style="vertical-align:text-bottom;" verpassen.
Geht jedoch leider nicht.
Daher habe ich folgende Testdatei erzeugt (das hallo soll unten stehen.)
<html>
<body>
<p style="background-color: red; min-height: 200px;">
<div style="background-color: yellow; vertical-align:text-bottom;">
hallo
</div>
</p>
</body>
</html>
==> klappt wunderbar.
<html>
<body>
<div style="background-color: red; min-height: 200px;">
<p style="background-color: yellow; vertical-align:text-bottom;">
hallo
</p>
</div>
</body>
</html>
==> geht nicht.
Mit der webdeveloper-Erweiterung zeigt Firefox an, dass es den "p"-Tag nicht als Blockelement auffasst.
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?
MudGuard