Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не работает position: absolute (https://javascript.ru/forum/misc/9065-ne-rabotaet-position-absolute.html)

bayah 27.04.2010 16:33

Не работает position: absolute
 
Товарищи, есть div, в нем image. При увеличении image, когда размер становится больше границ div'а, собственно image уходит за края.
То есть у div'a стоит стиль overflow: hidden;
Все так и надо.
Теперь мне нужно спозиционировать image относительно окна документа.
Если использовать position:absolute, то image отображается так же как и position: relative, то есть относительно краев div'а. Понятно, что можно указать отрицательные координаты top и left и таким образом увести image за левый и верхний край. Но может быть все таки через position: absolute должно работать?
Мои соображения таковы, что при позиционировании со стилем position:absolute элемент(в моем случае image) выносится за тэг div, то есть перестает быть вложенным, но это видимо невозможно так как стоит owerflow:hidden у div'a.
А как оно на самом деле?)
PS Вот код:

<div id="view_window" style="position:absolute; left:200px; top:100px; width:700px; height:700px; z-index:2; overflow: hidden;>
<img id='map' src="images/Boss.JPG" width="729" height="664" style='position:absolute; left:50px; top:50px'/>
</div>

Kolyaj 27.04.2010 16:38

У div'а стоит position: absolute, поэтому вложенные элементы позиционируются относительно его.

bayah 27.04.2010 18:55

То что стоит у div'a влияет на расположение самого div'a относительно элемента в котором он находится. Разве нет?
В любом случае не помогает менять стиль position div'a.

bayah 28.04.2010 13:39

Сделал расположение image относительно div'a. Координаты получаются отрицательные, но это не критично для моего случая.
Почему не работает абсолютное позиционирование для меня остается загадкой.

Kolyaj 28.04.2010 13:42

Цитата:

Сообщение от bayah
Почему не работает абсолютное позиционирование для меня остается загадкой.

Я вам написал почему.

bayah 28.04.2010 17:19

Kolyaj,
Я вам тоже написал, что это не так.
position: absolute у div'а влияет на расположение самого div'а относительно элементов в которые он вложен, но не на элементы вложенные в этот div

Skipp 28.04.2010 17:27

ыыы что споришь то?) Так элементы вложенные в див позиционируются относительно этого дива, если у них position не равно absolute.

bayah 28.04.2010 17:39

Цитата:

Сообщение от bayah (Сообщение 53264)
PS Вот код:

<div id="view_window" style="position:absolute; left:200px; top:100px; width:700px; height:700px; z-index:2; overflow: hidden;>
<img id='map' src="images/Boss.JPG" width="729" height="664" style='position:absolute; left:50px; top:50px'/>
</div>


У меня как раз position элемента(img) вложенного в див равно absolute
но он все равно позиционируются относительно дива

bayah 28.04.2010 19:19

B@rmaley.e><e,
Если у image position будет statiс, то image располагается как обычно. static - параметр по умолчанию.
В общем, спозиционировать image, если он вложен в div относительно окна документа никак нельзя, правильно?

subzey 28.04.2010 19:25

bayah,
Относительно вьюпорта — position: fixed.


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