Позиционирование абсолютного DIV на странице вне относительного DIV - PullRequest
Новая
       17

Позиционирование абсолютного DIV на странице вне относительного DIV

0 голосов
/ 10 января 2012

У меня есть абсолютный div внутри относительного div. По сути, это контейнер для углового баннера с абсолютным расположением в верхней правой части страницы.

Отлично работает с Chrome, но не с IE. В IE он позиционируется абсолютно, но внутри своего контейнера. Я хотел бы переопределить это, если возможно, из-за того, как этот сайт построен (полный шаблон на CMS): 

#corner-banner a {
position: absolute;
right: 0;
top: 0;
display: block;
height: 200px;
width: 200px;
background: url(../images/down.png) no-repeat;
text-indent: -999em;
text-decoration: none;
}

#corner-banner a:hover {
background: url(../images/up.png) no-repeat;
}

Спасибо за чтение и за любой вклад.

Ура!

Ответы [ 2 ]

1 голос
/ 10 января 2012

Это правильное поведение.Абсолютное положение внутри относительно позиционированного элемента будет абсолютно позиционировано относительно содержащего элемента.

0 голосов
/ 10 января 2012

Вы уверены, что родительский относительный контейнер - это div, а не td?

EDIT

ok

Это не CSSпроблема, но плохая организация HTML.Поэтому, если вы хотите, чтобы ваш элемент располагался в окне, а не в его относительных родительских координатах, вы должны поместить его вне относительного элемента.

Что-то вроде этого: 

<body>
  <div id="corner-banner" class="norelative_element">
    <!-- Your content with absolute position by the window !-->
    <a>...</a>
  </div>
  <div class="relative_element">
    <!-- Your content with relative position !-->
  </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...