padding в em'ах странно расчитывается.

[ХОЛОДный]

Добрый день, столкнулся с тем, что padding-top и padding-bottom как-то странно высчитываются.

Вот пример:

Как-то так получается, что 4em для размера шрифта = 3em padding'a.

Как так получается? Где я мог напортачить?

[3d_max_9]

Добрый день, столкнулся с тем, что padding-top и padding-bottom как-то странно высчитываются.

Вот пример:

Как-то так получается, что 4em для размера шрифта = 3em padding'a.

Как так получается? Где я мог напортачить?

Я не-совсем все понял, если можно выложите код!

[ХОЛОДный]

Я не-совсем все понял, если можно выложите код!

root { 
	display: block;
}

body{
	font-size: 12px;
	font-family:"Arial";
	margin: 0em;
	padding: 0em;
}

table{
	border:none;
	border-collapse:collapse;
	padding: 0em;
}
table td{
	border: none;
	padding: 0em;
}
#advertTitle{
	font-size: 1.5em;
	padding-top: 3em;
	padding-bottom: 2em;
	text-align:left;
	padding-right:10px;
}
#advert{
	font-size: 4em;
	vertical-align: middle;
	text-align:center;
	height:100px;/*hack*/
	line-height: 100px;/*hack*/
}
<table>
 <tr> <!-- adv -->
	<td style="width:2%"></td>
	<td style="width:2%"></td>
	<td style="width:4%;"></td>
	<td colspan="2"><div id="advertTitle">Объявление, отступы: 2em сверху, 2em вниз</div></td>
	<td style="width:4%;"></td>
	<td style="width:2%"></td>
	<td style="width:2%"></td>
  </tr>

   <tr> <!-- adv -->
	<td style="width:2%"></td>
	<td style="width:2%"></td>
	<td colspan="4">  <div id="advert">У нас продаются <a href="#">плюшки</a></div> </td>
	<td style="width:2%"></td>
	<td style="width:2%"></td>
  </tr>
</table>

Пожалуйста.

[Justnewone]

Интересно, но пока не понятно, ссылку можете дать?

[s0rr0w]

В смысле непонятно? Все верно.

1.5 * 12 = 18px

2em от 18px = 36px

3em от 18px = 54px

Все правильно.

[ХОЛОДный]

В смысле непонятно? Все верно.

1.5 * 12 = 18px

2em от 18px = 36px

3em от 18px = 54px

Все правильно.

Ага, я лол в em'aх.

<td colspan="2"><div id="advertTitle">Объявление, отступы: 2em сверху, 2em вниз</div></td>

advertTitle делал font-size:1.5em;

А затем делал паддинг 2em и 3em, но из-за font-size паддинг расчитывался не от базы, а от базы*1.5

Так что я "обернул" див- увеличитель шрифта в еще один див, который устанавливал font-size:1em и делал паддинг топ и боттом по базе, без полуторного множителя.

Всё от незнания! Спасибо!

[rus]

ХОЛОДный, советую почитать вот это.