Вопрос по абсолютному позиционированию элемента

Рейтинг: 0Ответов: 1Опубликовано: 24.04.2015

Всем привет! Может быть кто-нить подскажет, почему абсолютное позиционирование элемента в блоке в chrome и firefox начинается с центра, а в opere и ie с начала? Разметка, если поможет:

.vc_row-fluid [class*="vc_span"]:first-child {
  margin-left: 0;
}
.vc_row-fluid .vc_span3, .wpb_teaser_grid.wpb_carousel .vc_span3 {
  width: 23.5%;
}
.vc_row-fluid [class*="vc_span"] {
  display: block;
  width: 100%;
  min-height: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2%;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}
.mile-content:first-child {
  border: none;
}
.mile-content {
  border-left: 1px solid #d5d5d5;
}
.counter_holder.center {
  text-align: center;
}
.counter_holder {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .4s ease 0s;
  -moz-transition: opacity .4s ease 0s;
  -o-transition: opacity .4s ease 0s;
}
.entertain {
   position: relative;
 }
.entertain .counter_holder span.counter {
  line-height: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 30px;
  position: absolute;
  top: 7px;
  margin-left: 25px;
color: #000000;
  font-size: 30px;
  height: 30px;
  line-height: 30px;
}
.counter_holder span.counter {
  font-family: "Oswald",sans-serif;
  font-size: 70px;
  line-height: 70px;
  color: #1e9944;
  overflow: hidden;
  display: inline-block!important;
  height: 70px;
}
.mile-title {
  text-align: center;
  color: #333333;
}
.mile-title p {
  margin: 0;
}
.primary-typo {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 400;
}
p {
  font-size: 13px;
  line-height: 22px;
}
.vc_row-fluid {
  width: 100%;
}
.wpb_row {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.entertain .counter_holder.center:before {
content: "\a0";
}
<div class="wpb_row vc_row-fluid entertain" style="text-align:center">
<div class="vc_span3 wpb_column column_container">
      <div class="wpb_wrapper">

        <div class="wpb_raw_code wpb_content_element wpb_raw_html">
          <div class="wpb_wrapper">
            <div class="mile-content" id="mile-1">
              <div class="mile-description">
                <div class="mile-icon">
                  <i class="ion-ios-cloudy-night-outline medium-icon"></i>	
                </div>
              </div>
            </div>
            <div class="counter_holder center" style="opacity: 1;"><span class="counter zero executed" style="color:#000000; font-size:30px; height:30px; line-height:30px;">52</span>
            </div>
            <div class="wpb_raw_code wpb_content_element wpb_raw_html">
              <div class="wpb_wrapper">
                <div class="mile-title text-center">
                  <p class="primary-typo">Бессонных часов</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

Ответы

Ответов пока нет.