Осел не дает выронять по правому краю спан

[otmoroz095]

Привет всем! Делаю свою тему для друпал.

Есть блок (div class="node") шириной 100%, в нем статья.

Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю.

Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает.

Код:

.node span.submitted {
position:relative;
font-size:0.8em;
text-align:right;
margin:3px;
padding:2px;
width:200px;
border:1px solid red
}
.node .submitted a {
color:#c21606;
font-weight:bold;
text-align:right;
}

Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка?

На всякий случай код всего этого чуда:

<div id="node-120" class="node sticky clear-block news">


            <h2>
            <a href="/bcs/content/story/120.htm" title="Телефоны экстренной помощи для Москвы">
                Телефоны экстренной помощи для Москвы            </a>
        </h2>

    <div class="meta">
                    <!--div class="terms terms-inline"></div-->
            </div>
    <div class="content">

        <div class="field field-type-content-taxonomy field-field-news-dept">
      <div class="field-label">Отдел: </div>
    <div class="field-items">
            <div class="field-item odd">
                    ИТ (Информационных технологий) отдел        </div>
        </div>
</div>
Действующие телефоны только <u>МОСКВА</u>:<br>

<img alt="" src="/bcs/sites/default/files/users/root/news/info.png" style="width: 128px; height: 128px; float: right; margin: 2px;"><br>
<br>
<table style="width: 500px;" border="1" cellpadding="1" cellspacing="1">
	<tbody>
		<tr>
			<td>
				<strong>Служба</strong></td>
			<td>
				<strong>Наш набор</strong></td>

		</tr>
		<tr>
			<td>
				<em>МЧС</em></td>
			<td>
				55501</td>
		</tr>
		<tr>

			<td>
				<em>Полиция</em></td>
			<td>
				55502</td>
		</tr>
		<tr>
			<td>
				<em>Скорая помощь</em></td>

			<td>
				55503</td>
		</tr>
	</tbody>
</table>
    </div>
	                  <span class="submitted">
			<p>
              Автор			  <a href="http://172.31.42.254/bcs/user/3" title="Информация о пользователе.">Морозов Андрей</a> <br>

			   23 Ноябрь 2010 			</p>
          </span>
         <p>
    </p><ul class="links inline"><li class="comment_comments first"><a href="/bcs/content/story/120.htm#comments" title="Перейти к первому комментарию.">2 комментария</a></li>
<li class="node_read_more"><a href="/bcs/content/story/120.htm" title="Читать дальше Телефоны экстренной помощи для Москвы">Подробнее</a></li>
<li class="statistics_counter last"><span>104 просмотра</span></li>
</ul> <p></p>

</div>

[otmoroz095]

ссылки на камменты и кол-во просмотров должны быть внизу! а они к тексту всплывают.

[Softlink]

нифига вы растянули уже тему))

Макс, там комменты внизу должны быть. Слева и внизу.

[psywalker]

нифига вы растянули уже тему))

Макс, там комменты внизу должны быть. Слева и внизу.

Ну дык тут вроде они внизу? http://jsfiddle.net/VN34a/

[otmoroz095]

fffff

вот скрины: 1-й как сейчас, 2-й как с clear-блоком

[Softlink]

нифига вы растянули уже тему))

Макс, там комменты внизу должны быть. Слева и внизу.

Ну дык тут вроде они внизу? http://jsfiddle.net/VN34a/

Вот так должно быть http://jsfiddle.net/4rwB4/2/

Может уже лучше обмотать блок дивом и задать overflow?

[otmoroz095]

http://itmages.ru/image/view/255324/ba74ac2e

http://itmages.ru/image/view/255326/ce7ac628

разум когда-нибудь победит

может я загажу код, а?

[psywalker]

В общем я не вдавался в подробности, но скажу следующее, что нужно сделать блок, в который поместить вот эти вещи http://screencast.com/t/nIu3WXoFn , и ему уже и нужно вешать клеарфикс.

[otmoroz095]

ну так какая разница - создать лишнюю обертку или пустой чистящий блок?

[psywalker]

ну так какая разница - создать лишнюю обертку или пустой чистящий блок?

Большая разница! Обёрткой можно управлять, содержимое внутри неё всегда будет там. А вот пустой блок - это как болванка, которая болтается без присмотра, никому ненужная и непонятная.

[Softlink]

http://itmages.ru/image/view/255324/ba74ac2e

http://itmages.ru/image/view/255326/ce7ac628

разум когда-нибудь победит

может я загажу код, а?

Судя по рисунку, там они находятся НЕ под автором сообщения, а на одном уровне. Тогда еще третий вариант есть ( ) Все-таки сделать обертку c overflow:hidden; комментам задать float:left, а автору float:right.

[otmoroz095]

там в разных новостях по-разному, но камменты в самом низу должны быть)

автор это span

камменты это ul li

идет одно, потом другое)

[Softlink]

В общем сделайте обертку и не парьтесь. http://jsfiddle.net/4rwB4/4/

Она не даст тексту сверху налезать на блок и подвинет блок с комментами вниз.

[otmoroz095]

вот теперь точно все! Спасибо =) А с фиксом я потом разберусь, когде себе буду сайт писать =)