Плавающие левые div в IE7 - PullRequest
Новая
       30

Плавающие левые div в IE7

0 голосов
/ 18 ноября 2011

У меня проблема с IE7 и плавающими левыми делителями.

вот css: 

.h-slideshowcontrol  { display: block; float: left; width: 14px; height: 14px; }

И html: 

<div class="b-slideshowcontrols">
    <div class="h-slideshowcontrol ">
    </div>
    <div class="h-slideshowcontrol ">
    </div>
    <div class="h-slideshowcontrol active">
    </div>
    <div class="h-slideshowcontrol ">
    </div>
</div>

Не знаю почему, но h-slideshowcontrol в IE7 похож на без плавающего слева.

PS Вы можете увидеть это на странице - http://mindhouse.sitetd.ru/ (закругленные кнопки под слайд-шоу)

Спасибо за помощь!

PSS Я исправил, добавив внешний блок и изменив стили: 

.b-slideshowcontrols_outer { 
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
.b-slideshowcontrols { 
    position:relative;
    left:50%;
}
.h-slideshowcontrol { 
    float:left; white-space:nowrap; width:14px; height:14px; cursor:pointer; float: left; position:relative; margin-right: 2px;
    background:transparent url('../img/slideshowcontrol-inactive.png') no-repeat; 
}

1 Ответ

0 голосов
/ 18 ноября 2011

попробуй:

div по умолчанию блокируется. 

.h-slideshowcontrol  {   float: left; width: 14px; height: 14px; }
...