Плавающий элемент сброшен на следующую строку в ie6 / 7 - PullRequest
Новая
       46

Плавающий элемент сброшен на следующую строку в ie6 / 7

0 голосов
/ 22 мая 2011

Кажется, у меня возникает плавающая проблема, когда плавающие div внутри контейнера, который также имеет текст в ie6 и ie7.

http://mwl.webgen.gsm.org/discussions/proin-elementum-lectus-eget-est-9/1358/

если вы посмотрите на рейтинг звездочек здесь в FF или ie8 +, вы увидите, что звездочки должны быть расположены слева от текста контейнера (фактическая оценка в виде числа), но столько, сколько я пытался, я не могу на всю жизнь с моей стороны, это работает, они просто падают внизу.

Надеюсь, это имеет смысл, я потратил около 4 часов, пробуя разные вещи, настраивая отображение на inline-block и т. Д., Но безрезультатно.

Ответы [ 2 ]

0 голосов
/ 23 мая 2011

Хорошо, я понял, приятель. Пожалуйста, следуйте.

1 - Сначала мы удалим «float: left» 

DIV.rating .stars SPAN.starsAverage
{
float: left /*remove this*/
}

2 - снова удаляем «float: left» и меняем «display: block» на «display: inline;» 

.ui-stars-star
{
float: left; /*remove this*/
display: inline; /*changed from display: block;*/
}

3 - Затем мы изменим ширину с «8px» на «18px» и добавим «zoom: 1» к каждому div 

<div class="ui-stars-star ui-stars-star-on" style="width: 18px; zoom:1">

4 - Далее мы убираем «margin-left: -8px;» от "а" в вышеуказанном div 

inline style
{
margin-left: -8px; /*remove this*/
}

5 - Теперь мы изменим ширину 

DIV.rating
{
width: 260px;
}

6 - опять мы меняем ширину 

DIV.rating .stars
{
width: 210 !important;
}

И Вола. Вот, пожалуйста. Время проведения: 2 часа 31 минута. Я пришлю вам счет.

Пример изображения

0 голосов
/ 22 мая 2011

Это похоже на работу 

<div class="stars" style="width: 150px !important; float: right;">
<span class="starsAverage" style="float: left;">
...