Показать сообщение отдельно
  #12 (permalink)  
Старый 22.09.2011, 16:55
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Андрей38,
Забыл уже про этот топик))
Да, я так и сделал в результате.
Проще блин самому рассчитать, чем возиться с этими стилями..
Приемлемого решения на css, соответствующего моим требованиям, я не нашел..
Поэтому примерно так:

<style>
div#outer {
  width:100%;
  height:300px;
  background-color:#F00;
  border: 1px solid;
  overflow-y:scroll
}
div#topic {
  background-color:#0F0;
  border: 1px solid;
}
</style>

<div id="outer">

  <div id="topic">

    <table width=100% border="1">
     <tr>
       <td><p><b>Вася Пупкин</b></p></td>
       <td align="right"><p>11.09.2011</p></td>
     </tr>
     <tr>
       <td colspan=2><p>Всем привет, меня зовут Василий.</p></td>
     </tr>
    </table>

  </div>

</div>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
var outer = $("#outer"), topic = $("#topic"),
    outer_h = outer.height(), topic_h = topic.height(), topic_top = outer_h - topic_h;

(topic_h < outer_h) ? topic_top : topic_top = 0;
topic.css('margin-top', topic_top + 'px');
</script>

Последний раз редактировалось Триви, 06.10.2011 в 09:10. Причина: забыл за-hide-ить длинный код
Ответить с цитированием