IMHO.WS - Позиционирование относительно parentNode

IMHO.WS (http://www.imho.ws/index.php)

- Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)

- - Позиционирование относительно parentNode (http://www.imho.ws/showthread.php?t=109223)

Позиционирование относительно parentNode

Господа гуру, прошу вашу посильную помощь.
Задача такая: нужно сделать прозиционирование блока с 'position:absolute' относительно физического парента =)
т.е. мы имеем такую конструкцию <li><ul></ul></li> и UL должен появляться начиная с начала элемента LI.
Прикрепляю страничку с кодом.

Позиционирование просто от краев браузера не подходит, потому что нельзя задавать жестких значений.
Position:relative для LI тоже не подходит, так как появляется глюк в IE при ресайзе окна.

Спасибо.

Корректное смещение парента рассчитывается путем сложения смещений всей иерархии элементов выше текущего. Можешь воспользоваться готовой реализацией из Prototype - Position.cumulativeOffset(), либо же по аналогии сделать собственный вариант.

Позиционирование подписи относительно текста и окно просмотра

Господа, подскажите!
Есть вот примерно такой код:

Код:

<html>

<head>

<title>Titles</title>

<link rel="stylesheet" href="stylesheet.css" TYPE="text/css">

<script language="JavaScript" src="footer.js"></script>

</head>

<body>

<h1>headline</h1>

<p>contents.</p>



<div class="footer"><hr width="400" align="center" size="4">

<p class="footer2"><font color=#FF4500><strong><script>document.write(titles)</script></strong></font><br>

<font color="#4169E1"><strong><script>document.write(creator2)</script></strong></font></p>

<p><script>document.write(design)</script></p></div>

</body>

</html>

И примерно такой [hide="stylesheet:"]

Код:

BODY { 

     font-family: "Verdana", "Arial", "Helvetica", "Sans", "Serif";

     font-size: 70.0%;

     background-color: white;

     color: black;

     margin-left: 20.0;

     margin-top: 10.0;

     }



P { 

     font-size: 100.0%;

     margin-top: 0.0;

     margin-bottom: 6.0pt;

  }



P.footer2 { 

     font-family: "Times New Roman";

     font-size: 11pt;

          }



H1 { 

     font-size: 145.0%;

     letter-spacing: 0.05em;

     line-height: 125.0%;

     margin-bottom: 0.5em;

    }



div.footer { 

/*             position: relative;*/

/*             position: absolute;*/

             position: fixed;

             width: 100%;

             height: 100px;

             top: auto;

             right: 0;

             bottom: 0;

             left: 0;

             text-align: center;

            }

[/hide]
Все это будет компилироваться в .chm справку
Необходимо чтобы подпись всегда позиционировалась в конце текста и внизу окна. При этом размер основного содержания переменная, т.е. может быть и три строки и две страницы. При использовании position: relative; в случае малого объёма основного текста подпись поднимается в верх, а при position: absolute; - остаётся в низу окна, но при большом объёме перекрывает основной текст.
Советы приведённые здесь

Цитата:

http://xhtml.ru/2005/10/18/footer-stick/

не подходят. При использовании варианта 1 основной текст слишком растягивается и получается очень мелко при любом размере шрифта. А вариант 2 не совместим с M$ компилятором chm-файлов

Цитата:

Unsupported CSS Attributes
word-spacing
!important
first-letter pseudo
first-line pseudo
white-space

В HTML and CSS я не очень силён, по этому можно как-нибудь по подробнее рассказать или подсказать где есть еще какие-нибудь варианты кроме указанного по ссылке.

Попробуйте текст взять в див и задать ему padding-bottom:100px; ровно на высоту футера, тогда не будет перекрываться текст

Dmitry S
Спасибо, попробую.
А position для футера в CSS указать что, relative; или absolute; или fixed;?
И еще, Div для основного текста прописывать в CSS или можно в теле вот так <div style=padding-bottom:100px;> ?