Padding, margin. Firefox и Chrome делают по разному.

[Michael Myers]

Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения.

    padding-top: 25px;
    padding-bottom: 12.5px;

Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e

Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO

Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю.

Вот весь код:

HTML:

<div class="about">
					    <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-size: 1em;">НВП Блог: Многосторонность</span><br />Вот каким словом можно охорактеризовать этот блог.
						    В нем нет единой темы. Здесь записи на самые разные темы.</p>
				    </div>

CSS:

.about{
    padding-top: 25px;
    padding-bottom: 12.5px;
    border-top: solid 1px rgba(0,0,0,0.25);
    border-bottom: solid 1px rgba(0,0,0,0.25);
    height: 150px;
}	   
.about p{
    font-family: 'Source Sans Pro', sans-serif;
    text-indent: 0;
    margin-top: 0;
    background-color: #272E39 !important;
    background-color: rgba(0,0,0,0.15) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0 0.25em 0 rgba(0,0,0,0.25);
    border-radius: 0.4em;
    letter-spacing: 0;
    padding: 0.75em 0.5em 0.75em 0.5em;
    font-size: 0.9em;
    font-weight: lighter;
}
.about p span{
    font-size: 1em;
}

[Upcoming]

Странно, проверил в опере, хроме и фаерфоксе страничку, созданную из твоего кода: результат один - все отображается правильно, как и должно, то есть верхний паддинг 25px, нижний 12,5px. Может, кинешь ссылку на макет, попробую посмотреть.

[Michael Myers]

Странно, проверил в опере, хроме и фаерфоксе страничку, созданную из твоего кода: результат один - все отображается правильно, как и должно, то есть верхний паддинг 25px, нижний 12,5px. Может, кинешь ссылку на макет, попробую посмотреть.

А это может быть из-за того, что у меня Chrome и Firefox для Ubuntu?

[Switch74]

У меня в убунту все норм отображается.

А какой отступ на картинке тебя смущает?

Если тот, что идет после "НВП блок", то в примере у тебя этот блок находится в блоке с классом about, который имеет высоту 150px

[antonKar]

Я бы рекомендовал топикстартеру сделать полную очистку данных браузера через Ctrl+Shift+Del