Решено: Кривое выравнивание (HTML/CSS).

[Yaros]

Имеется вот такой участок текста:

Код:

<DIV id="footer"> <DIV id="text"> <IMG src="img/foot.jpg"> <P>Здесь левовыравненный текст.</P> </DIV> <DIV class="menu"> <A HREF="#">Здесь</A> <A HREF="#">правовыравненный</A> <A HREF="#">текст.</A> </DIV> </DIV>

Суть его в том, что внизу страницы должен быть блок, в котором слева есть рисунок и некий текст, справа — несколько ссылок, причем все расположено в одной строке. Подключен примерно такой файл css:

Код:

DIV#text{ display: inline; text-align: left } DIV#text IMG{ display: inline; text-align: left } DIV#text P{ display: inline; text-align: left } DIV.menu{ display: inline; text-align: right } DIV.menu A{ display: inline; text-align: right }

При данной конфигурации выравнивания по правой стороне не происходит В чем дело - не получается понять...

[serzh-z]

При данной конфигурации выравнивания по правой стороне не происходит sad.gif В чем дело - не получается понять...

Почему не происходит? Происходит. Но, поскольку размер дива равен размеру его контента (из-за переключения в потоковую модель - "display: inline"), то и выравнивание просто не видно. =) Вообще - так ("text-align: right" для дивов) раскидать элементы по странице не получится.

[Yaros]

При данной конфигурации выравнивания по правой стороне не происходит sad.gif В чем дело - не получается понять...

Почему не происходит? Происходит. Но, поскольку размер дива равен размеру его контента (из-за переключения в потоковую модель - "display: inline"), то и выравнивание просто не видно. =) Вообще - так ("text-align: right" для дивов) раскидать элементы по странице не получится.

А можете просветить, как получится?

[Yaros]

Разобрался. Для контейнеров DIV использовал свойство float - и все заработало.