Как прижать текст к низу div'a ? - Вопросы по CSS

Ну т.е. чтобы текст как бы шел не от верхнего края блока вниз, а от нижнего. Грубо говоря, чтобы прилипал к низу блока.

Вы подходите не стандартно к делу, скорее всего есть способ сделать то, что вы хотите проще и лучше.
Ну а в вашем случае это можно достичь позиционированием.

но, могут возникнуть проблемы с позиционированием блока.

Код

display:table-cell;
vertical-align:bottom;

но, могут возникнуть проблемы с позиционированием блока.

Скорее возникнут проблемы с IE7 и ниже. Т.е. позиционирование table не поддерживается вплоть до 8-го осла.

display:inline родителю, и делайте что хотите. Задача тривиальная.

display:inline родителю, и делайте что хотите. Задача тривиальная.

аналогичным способом возможно "прижать" div к низу div'a расположенного выше?

aleck, рисунок бы. Я так не очень понял, что нужно.

aleck, рисунок бы. Я так не очень понял, что нужно.

прошу не закидывать камнями если вопрос очень глупый. я мало что знаю про CSS и HTML... но очень пытаюсь исправить положение.

проблема у меня в том что не получаеться оранжевый div "прижать" к низу красного div'a

Нормальный вопрос у вас. Если нужно прижать оранжевый к низу красного, то тут ничего делать не надо, они так и должны располагаться. Возможно они плавающие, тогда нужно обнулить стили.



Если нужно прижать оранжевый блок с текстом к низу серого, то так:

Нормальный вопрос у вас. Если нужно прижать оранжевый к низу красного, то тут ничего делать не надо, они так и должны располагаться. Возможно они плавающие, тогда нужно обнулить стили.

Код: html4strict

<div class="wrap">
 <div class="photo"></div>
 <div class="text"></div>
</div>

Код: css

.photo, .text {float:none; margin:0; padding:0;}

Если нужно прижать оранжевый блок с текстом к низу серого, то так:

Код: css

.wrap {position:relative; width:200px; height:160px;}
.text {position:absolute; width:200px; left:0; bottom:0;}

большое спасибо.!