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

[AppleMacMy]

Подскажите пожалуйста!

<div class="standart">
 <span class="statistics">Статистика</span>
</div>

.standart {
 position: fixed;
 right: 5px;
 bottom: 5px;
}

.statistics {
 border: 1px solid #CFCFCF;
 background-color: #F2F2F2;
 padding: 5px
}

Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart

Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его?

P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(

Edited January 27, 2012 by AppleMacMy

[DStereo]

Подскажите пожалуйста!

<div class="standart">
 <span class="statistics">Статистика</span>
</div>

.standart {
 position: fixed;
 right: 5px;
 bottom: 5px;
}

.statistics {
 border: 1px solid #CFCFCF;
 background-color: #F2F2F2;
 padding: 5px
}

Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart

Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его?

P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(

Потому что span является строчным элементом и padding не добавляет внутренние верхний и нижний отступы, только слева и справа. Чтобы span был строчным элементом, но мог вести себя как блок, то задайте для него display:inline-block.

.statistics{
...
display:inline-block;
}

А по-хорошему, сделайте padding для блока .standart и удалите элемент .statistics

Edited January 27, 2012 by DStereo

[AppleMacMy]

Спасибо!!!