Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   расположить всплывающий div под элементом (https://javascript.ru/forum/misc/28276-raspolozhit-vsplyvayushhijj-div-pod-ehlementom.html)

orme 13.05.2012 22:22

<style>
    #container {
        display: inline-block;
        position: relative;
    }
    #popup {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 0;
        background: yellow;
    }
    #container:hover #popup {
        display: block;
    }
</style>
<span id='container'>
    текст в спане
    <div id='popup'>
        я подсказка
    </div>
</span>

Ой, это выведет подсказку над элементом, чтобы под, надо в стилях у #popup поменять bottom: 100% на top: 100%

codingfighter 13.05.2012 22:28

может с помощью jquery определить offsetHeight и offsetTop элемента, а то похоже что обход родителей дает неточный результат, по крайней мере в некоторых браузерах...

vadim5june 13.05.2012 22:37

Цитата:

Сообщение от codingfighter (Сообщение 174297)
может с помощью jquery определить offsetHeight и offsetTop элемента, а то похоже что обход родителей дает неточный результат, по крайней мере в некоторых браузерах...

сейчас .offset() заюзаю

вы для body поставьте
<style>
body {margin:0px;padding:0px;}
</style>
это может быть изза этого
в jquery цикл не нужен

codingfighter 13.05.2012 22:46

del

vadim5june 13.05.2012 22:52

Цитата:

Сообщение от codingfighter (Сообщение 174304)
у меня это уже стоит...

.offset().top и .offset().left ничего не дали, вообще div стал появляться в другом месте

А в каких браузерах неправильно работает-Вы говорили про хром-но у меня в хроме нормально прям под спаном

codingfighter 13.05.2012 22:53

а вот .position() дает более точную картину, хотя не идеально...

вы попробуйте сделать отступ перед спаном, ну например &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

codingfighter 13.05.2012 23:17

del

bot87 13.05.2012 23:35

orme именно про такое я и говорил.Все простоюЕще overflow к оддельнЫм задачам и будет бомба :) .Молодчага.Пацанчики не заценили способ ,ну и ладно.


Часовой пояс GMT +3, время: 15:20.