Показать сообщение отдельно
  #84 (permalink)  
Старый 24.01.2010, 01:07
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

<style>
.box {
  position: relative;
  width: 150px;
  }
#numbers{
  position: absolute;
  width: 25px;
  top: 0;
  bottom: 0;
  
  }
#numbers DIV {
  position: relative;
  width: 100%;
  text-align: right;
  
  }
#content {
  position: absolute;
  left: 30px;
  right: 0;
  }
</style>
  <div class='box'>
    <div id='numbers'>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
    <div id="content">
      <div>строка 1 sdf sdf sdg sd gsdf gsd gsd gsd gs gsd gsd fgsd gsd g</div>
      <div>строка 2</div> 
      <div>строка 3 sdf sd sd gs s gs dfsd gsdf gsdf gsdf gsdf sd sd gsd gsdf sf s gsdf sdf sdf gsd sd gsd sd gsd gsdsdf gsd fsdf sd gsd gsd f</div> 
      <div>строка 4</div> 
      <div>строка 5</div> 
    </div>
  </div>
<script type="text/javascript">
var i,n=document.getElementById('numbers').childNodes,c=document.getElementById('content').childNodes;
for (var i=0;n[i];i++) if (n[i].nodeType!=3) n[i].style.height = c[i].clientHeight+'px';
</script>


ток чет тут не раскрывается область видимости.

Последний раз редактировалось Илья Кантор, 24.01.2010 в 01:38. Причина: добавил параметр height
Ответить с цитированием