| imho.ws |
|
|
06.10.2006, 00:25
|
# 1 |
|
Junior Member
Регистрация: 15.12.2003
Адрес: Belarus, Minsk
Сообщения: 191
 |
Позиционирование относительно parentNode
Господа гуру, прошу вашу посильную помощь.
Задача такая: нужно сделать прозиционирование блока с 'position:absolute' относительно физического парента =) т.е. мы имеем такую конструкцию <li><ul></ul></li> и UL должен появляться начиная с начала элемента LI. Прикрепляю страничку с кодом. Позиционирование просто от краев браузера не подходит, потому что нельзя задавать жестких значений. Position:relative для LI тоже не подходит, так как появляется глюк в IE при ресайзе окна. Спасибо. |
|
|
06.10.2006, 00:41
|
# 2 |
|
::VIP::
Регистрация: 12.11.2002
Адрес: Nicosia, Cyprus
Сообщения: 1 285
  |
Корректное смещение парента рассчитывается путем сложения смещений всей иерархии элементов выше текущего. Можешь воспользоваться готовой реализацией из Prototype - Position.cumulativeOffset(), либо же по аналогии сделать собственный вариант.
__________________
"If people only knew how hard I work to gain my mastery, it wouldn't seem so wonderful at all." Michelangelo Buonarroti |
|
|
|
08.11.2007, 14:42
|
# 4 | |
|
Guest
Сообщения: n/a
|
Позиционирование подписи относительно текста и окно просмотра
Господа, подскажите!
Есть вот примерно такой код: Код:
<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> Код:
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;
}
Все это будет компилироваться в .chm справку Необходимо чтобы подпись всегда позиционировалась в конце текста и внизу окна. При этом размер основного содержания переменная, т.е. может быть и три строки и две страницы. При использовании position: relative; в случае малого объёма основного текста подпись поднимается в верх, а при position: absolute; - остаётся в низу окна, но при большом объёме перекрывает основной текст. Советы приведённые здесь не подходят. При использовании варианта 1 основной текст слишком растягивается и получается очень мелко при любом размере шрифта. А вариант 2 не совместим с M$ компилятором chm-файлов Цитата:
|
|
