Дисплей Firefox2: взлом встроенного блока с положением: относительно не работает

Question

Может кто-нибудь сказать мне, если это возможно, чтобы сделать эту работу в Firefox2 (а также IE6)?http://collinatorstudios.com/ff2_test.html

Мне удалось эмулировать inline-block с помощью хака '-moz-inline-stack', однако оказалось, что он игнорирует position :lative, поэтому элементы с абсолютной позицией внутри контейнера inline-stackне отображаются относительно того, где они должны быть ... вместо этого они находятся в правом верхнем углу страницы в FF2 ...

Я знаю, что FF2 устарел, и мне, вероятно, это не важно, но мне интересно, есть лиэто способ добиться этого, а также мне нужно, чтобы он работал в IE6.

Спасибо.

Answer 1

К сожалению, у меня больше нет FF2, чтобы проверить это для вас, но я думаю, что единственный способ сделать это - это вложить div и применить положение относительно вложенного div, чтобы оно было внутри вас li

Что касается IE6, я думаю, что изменение ваших хаков тоже должно сработать ..

изменение:

 .item {
   list-style-type: none;
   height: 50px;
   width: 50px;
   position: relative;
   border: 1px solid teal;
   background: #00f;
   display: -moz-inline-stack; /* for FF2 */
   display: inline-block;
   /* <ie hacks> */
   zoom: 1;
   *display: inline;
   min-height: 50px;
   _height: 50px; /* for ie6 */
   /* </ie hacks> */
}

до:

 .item {
   list-style-type: none;
   height: 50px;
   width: 50px;
   position: relative;
   border: 1px solid teal;
   background: #00f;
   display: -moz-inline-stack; /* for FF2 */
   display: inline-block;
}

.item {/** IE Hacks **/
  display: inline !ie7; /* should work for 6 as well */
  _height: 50px; /* IE6 */
}

Помещение правила display:inline в отдельный набор правил означает, что вам не нужно zoom, и оно должно работать как для IE6, так и для 7. Я только что переместил хак с минимальной высотой, чтобы сохранить их вместе;) - в качестве отступления, я не уверен, почему у вас есть минимальная высота, так как у вас уже есть правило высоты выше по стеку и второе правило высоты (которое я удалено) просто повторялось, так что, может быть, вам все равно не нужен взлом минимальной высоты IE6?