[wce]

Ситуация: переделываю стиль Prosilver. Нужно во viewtopic_body.html блок signature опустить в самый низ, то есть чтобы блок с подписью всегда был внизу, независимо от количества текста в content. Бъюсь уже второй день, и вроде не нуб в CSS.

Подскажите где грабли?

[Warlock75]

Попробуй

Код: Выделить всё

vertical-align: bottom;

[wce]

Warlock75
уже испытано, не работает. Вообще, насколько я понял, нужно у блока postbody задать высоту 100% от текущей высоты блока inner. Только вот как это сделать, на height и min-height вообще ноль реакции.

[wce]

Вот нашел возможное решение задачи - http://www.phpbb.com/community/viewtopi ... ure+bottom
Как попробую - отпишусь. Возможно еще кому-то пригодится, потому что действительно некрасиво смотрятся на очень многих постах блок подписи висящим посередине поста.

[Erlang]

wce удалось?

[wce]

Erlang
Удалось. Подпись опустилась в самый низ, где уже можно через CSS регулировать как и что угодно. В результате модификации viewtopic_body.html шаблона, секция postrow теперь в табличном виде.

PS. Все-таки, некоторые вещи удобнее в таблицах делать.

[Oleg NT]

Ждем CSS3

[NCom]

а проще варианта вообще нет? Что-то я совсем не разобрался....

[_dl_]

Без таблиц я так понял решения нет?

[Nekstati]

Вместо таблиц можно попробовать CSS-свойства типа display: table, display: table-cell и т. п.

http://htmlbook.ru/css/display

[Nekstati]

Самое простое решение. Вставляем этот кусок кода в styles/prosilver/template/forum_fn.js, и дело в шляпе. И никаких, не к ночи будь помянуты, таблиц.

Код: Выделить всё

function sig_down() {
	var sig = document.getElementsByTagName('DIV');
	for (var i = 0; i < sig.length; i++) {
		if (sig[i].className == 'signature' && sig[i].parentNode.offsetHeight + 21 < sig[i].parentNode.parentNode.offsetHeight) {
			sig[i].style.position = 'absolute';
			sig[i].style.bottom = '16px';
			sig[i].style.width = '76%';
			sig[i].parentNode.parentNode.style.position = 'relative';
		}
	}
}
onload_functions.push('sig_down();');

[Пчелкин]

Не сработало..можно для тупых поподробней? Двигал по всему файлу - ноль.(левосторонний стиль)

[_dl_]

Nekstati писал(а):Самое простое решение.

Я так смотрю - скрипт работает со стилями. А может таки правильней сразу CSS поправить?

[Nekstati]

Пчелкин
Этот скрипт рассчитан на стандартную структуру Просильвера, где подпись является последним элементом внутри <div class="postbody">. А у вас под подписями куча всего — благодарности, рейтинг и ещё непонятно что. Опускать, естественно, надо всё это в куче.

Вот этот скрипт более универсальный, он должен у вас сработать. Пробуйте. Значение + 15 можно менять, оно зависит от величины ваших маргинов и паддингов.

Код: Выделить всё

function sig_down() {
	var post = document.getElementsByClassName('post');
	for (var i = 0; i < post.length; i++) {
		var postbody = post[i].getElementsByClassName('postbody')[0];
		var postprofile = post[i].getElementsByClassName('postprofile')[0];
		var content = post[i].getElementsByClassName('content')[0];
		var diff = postprofile.offsetHeight + 15 - postbody.offsetHeight;
		if (diff > 0) {
			content.style.height = content.offsetHeight + diff + 'px';
		}
	}
}
onload_functions.push('sig_down();');

Учтите только, что этот скрипт не будет работать в IE ниже 9 версии. Поскроей бы уже зарелизили IE9 и поскорей бы мастдайнулись все его несчастные предыдущие версии, чорт бы спихнул с мосту отца их.

_dl_
Чем вам не нравятся скрипты? Ну попробуйте сделать на CSS, мы будем вам благодарны.

[Пчелкин]

forum_fn.rar

(1.99 КБ) Скачиваний: 33

Так?