Альтернатива позиции: относительная; для переполнения: авто; ошибка в IE7 - PullRequest
Новая
       10

Альтернатива позиции: относительная; для переполнения: авто; ошибка в IE7

0 голосов
/ 02 июня 2010

У меня есть контент, упорядоченный таким образом: 

<div id="thumbnails" style="width: 40px; overflow: auto;">
  <div style="float:left; width: 20px;">content</div>
  <div style="float:left; width: 20px;">content</div>
  <div style="float:left; width: 20px;">content</div>
  <div style="float:left; width: 20px;">content</div>
  <div style="float:left; width: 20px;">content</div>
  <div style="float:left; width: 20px;">content</div>

В IE7 это обнаруживается, когда содержимое заканчивается прокручиваемым блоком. Ответ везде - сделать положение #thumbnails: относительным. Моя проблема заключается в том, что элементы в #thumbnails представляют собой сценариальные перетаскиваемые объекты, которые перетаскиваются за пределы миниатюр с призраком элемента, который расположен абсолютно. Это не очень хорошо, если родитель позиционируется: относительно, потому что теперь абсолютные позиции относятся к #thumbnails, а не к <body>. Кто-нибудь знает альтернативное решение для ошибки IE7?

1 Ответ

0 голосов
/ 05 июля 2010

Вы слышали об этом раздражающем свойстве IE "hasLayout"? http://msdn.microsoft.com/en-us/library/bb250481(VS.85).aspx (цитируя некоторые сообщения MSDN, я чувствую себя грязно ...). В любом случае, попробуйте применить «zoom: 1» к вашему контейнеру: это может улучшить ситуацию. Единственная проблема: свойство zoom доступно только для IE и создаст предупреждение в журналах css под другим браузером.

...