расположить всплывающий div под элементом

[orme]

<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]

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

[vadim5june]

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

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

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

[codingfighter]

del

[vadim5june]

у меня это уже стоит...

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

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

[codingfighter]

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

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

[codingfighter]

del

[bot87]

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