Xpoint
   [напомнить пароль]

как сделать линию из середины блока в пол?

Метки: [без меток]
2014-08-11 11:19:39 [обр] Floyd[досье]
есть блок, вертикальный размер которого плавно изменяется скриптом.
как сделать внутри этого блока вертикальную линию, начинающуюся не с самого верху,
а с неизменным отступом, до низа блока,
причем с изменением размера блока линия не вылезает и не отстает от нижней границы?
допускается через рисунок бекграунда или бордер.
 
спасибо!
{{image http://u-r-l.ru/field.jpg}}
спустя 3 часа 54 минуты [обр] Jared(3/26)[досье]
Floyd[досье] блок с абсолютным позиционированием?
спустя 21 час [обр] Floyd[досье]
тогда снизу вылезет хвост.
нужен аналог height: 100%-20px;
спустя 4 часа 58 минут [обр] Jared(3/26)[досье]
<div style='overflow: hidden; position: relative;'>
   <div style='position: absolute; margin-left: 50%; top: 20px; width: 1px; background: red; height: 999999px;'><!-- --></div>
   
   Тонкая красная линия:
   <br/><br/><br/><br/><br/><br/><br/><br/>
</div>
спустя 20 часов [обр] Lynn «Кофеман»(56/571)[досье]
http://caniuse.com/calc
height: calc(100% - 20px);
спустя 1 минуту [обр] Lynn «Кофеман»(56/571)[досье]

Или

<div style='position: absolute; margin-left: 50%; top: 20px; bottom: 0; width: 1px; background: red'></div>

спустя 1 час 18 минут [обр] Floyd[досье]
Jared[досье] спасибо, это меня навело на верные мысли.
подобным образом и реализовано.
спустя 1 минуту [обр] Floyd[досье]
Lynn «Кофеман»[досье] интересное решение. буду знать о таком на будущее. спасибо.
Powered by POEM™ Engine Copyright © 2002-2005