@alex_p95
Учусь

Не работает padding-top?

Здравствуйте, коллеги. Не могу понять почему не работает padding-top? Точнее у кого-то работает,а у кого-то нет, если смотреть с любого браузера на винде,то все отрабатывает,а ели на маке,то на любом браузере нет верхнего паддинга. В чем проблема? Может кто-нибудь сказать? Спасибо. Код ниже:

html

<div class="head">
<div class="block_text">
    <p>Регистрация</p>
</div>

    <div class="block-iteration">

        <div class="iteration active">1</div>

        <div class="iteration">2</div>

        <div class="iteration">3</div>

    </div>
<div class="clr"></div>
</div>


CSS

.head {
background: rgba(59,58,68,0.8);
height: 83px;
padding: 25px 25px 0 26px;
box-sizing: border-box;
}

.head > .block_text {
    float: left;
}

.block_text {
    margin:0 auto;
    overflow: hidden;
  display: table;

}

.block_text > p {
    font: 24px "HelveticaNeueCyr-Thin";
    color: #fff;
    float:left;
    margin-right: 15px;
    padding-top: 3px;
}

.block-iteration {
 overflow: hidden;
 float: right;
}

.block-iteration > .iteration {
    background: transparent;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    box-sizing: border-box;
    border: 1px solid #fff;
    float: left;
    font: 15px "HelveticaNeueCyr-Thin";
    color: #fff;
    text-align: center;
     padding-top: 3px;
}

.block-iteration > .iteration.active {
    background: #605f68;
}

.block-iteration > div:nth-child(2), .block-iteration > div:nth-child(3) {
    margin-left: 20px;


Но если заменить эту часть кода

.block-iteration > .iteration {
    background: transparent;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    box-sizing: border-box;
    border: 1px solid #fff;
    float: left;
    font: 15px "HelveticaNeueCyr-Thin";
    color: #fff;
    text-align: center;
     padding-top: 3px;
}


На эту,то работает у всех...

background: transparent;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    box-sizing: border-box;
    border: 1px solid #fff;
    float: left;
    font: 15px "HelveticaNeueCyr-Thin";
    color: #fff;
    text-align: center;
    /* padding-top: 3px; */
    line-height: 24px;


Съезжает:
3b5826b740f0420089b3163605bf0f8e.png
Нормально:
7e90328a21e54701a9b50a5a4e0c903c.png
  • Вопрос задан
  • 418 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы