позиционирование работает в ff, chrome, но не в ie7 - PullRequest
Новая
       20

позиционирование работает в ff, chrome, но не в ie7

0 голосов
/ 06 января 2011

У меня есть несколько div, которые я позиционировал с 

position:absolute;
width:100px;
margin:-20px 420px;

, такие же, как этот, и еще один ... проблема в том, что он хорошо выглядит в chrome и firefox, но в ie7 эти div удаляются,как сделать так, чтобы он выглядел идеально во всех браузерах ?? спасибо отредактировано: 

.button {
  display:block;
  position:absolute;
  width:200px;
  height:50px;
  background:url(../images/portfolio.gif) no-repeat 0 -49px;
  margin:-50px 420px;
}
.button a {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background:url(../images/portfolio.gif) no-repeat 0 0;
  text-indent:-9999px;
}
.button a:hover {
  background-position: 0 50px;
}


.button1 {
  display:block;
  position:absolute;
  width:200px;
  height:50px;
  background:url(../images/design-brief.gif) no-repeat 0 -49px;
  margin:-20px 420px;
}
.button1 a {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background:url(../images/design-brief.gif) no-repeat 0 0;
  text-indent:-9999px;
}
.button1 a:hover {
  background-position: 0 50px;
}

эти две кнопки, кнопка и button1 находятся внутри этого div вместе с некоторым текстом 

.cont
{
position:relative;
width:1400px;
height:500px;

}

Ответы [ 3 ]

0 голосов
/ 06 января 2011

Не используйте поля для позиционирования кнопок. Если вы сделали это position:absolute;, используйте top: 0px; left: 0px; (очевидно, устанавливая их в нужное положение). Поскольку вы установили родительский div .cont как position:relative;, кнопки будут устанавливаться в этом div, пока они есть в DOM. Поэтому, если вы установите их top: 0px; left: 0px;, кнопки будут располагаться в верхнем левом углу div.

Гораздо надежнее, чем играть с отрицательными полями.

0 голосов
/ 19 января 2011

Согласитесь с Мэттом Эсбери ... Если вы используете позиции, тогда нет необходимости использовать поля.и еще одна вещь, используя абсолютную позицию для кнопок.в этом случае не используйте позицию для своего ребенка, пока вы не захотите позиционировать и его ребенка.Если вы можете предоставить HTML, тогда вам будет легко понять код и помощь.

0 голосов
/ 06 января 2011

Полагаю, вам нужно установить top:0px и left:0px.Вы не можете использовать position:absolute без установки реальной позиции.

Или: Вы можете попробовать position:static или position:relative, я не уверен, что вы хотите сделать.

...