Показать сообщение отдельно
  #1 (permalink)  
Старый 27.04.2010, 16:33
Кандидат Javascript-наук
Отправить личное сообщение для bayah Посмотреть профиль Найти все сообщения от bayah
 
Регистрация: 22.04.2010
Сообщений: 111

Не работает 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>
Ответить с цитированием