Показать сообщение отдельно
  #1 (permalink)  
Старый 07.09.2012, 19:24
Аспирант
Отправить личное сообщение для constantant Посмотреть профиль Найти все сообщения от constantant
 
Регистрация: 30.07.2008
Сообщений: 87

IE6 - ширина блочного элемента при абсолютном позиционировании
подскажите, пожалуйста, как сделать так что бы блочные элементы не растягивались на всю ширину родителя при абсолютном позиционировании?

<style>
.xxx{
  position:relative;
  min-height:0;
  zoom:1;
}
.xxx div{
  position:absolute;
  top:0;
  right:0;
  background:red;
}
</style>
<div class="xxx">
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <span>abc</span><br />
   <div>123</div>
</div>


в ИЕ6 будет сверху красная полоска на ширину .xxx, хотя должен быть красный прямоугольник шириной текста "123" прибитый к правому краю .xxx

http://learn.javascript.ru/play/drME8

Последний раз редактировалось constantant, 07.09.2012 в 19:44.
Ответить с цитированием