Не наследуется стиль слоя

[vladsypchenko]

Здравствуйте! Столкнулся со следующей проблемой. У меня в основной слой вложены несколько слоев, которые не наследуют его атрибуты. Код следующий: http://jsfiddle.net/QsxgR/

В принципе, код не длинный, выкладываю ещё и сюда исходники html и css:

<div class="about-container">
<div class="threeblocks">
<div class="defaultblock">
<img src="img/book.png" />
asdasdasd asdsdas dad as dasd asd asd as dasd as dasd asd asd asd asd asdasd asd asd
</div>
<div class="defaultblock">
<img src="img/dots.png" />
asdasdasd
</div>
<div class="lastblock">
<img src="img/content.png" />
asdasdasd
</div>
</div>
</div>

.about-container {
	 width: 100%;
	 background: #000;
	 padding: 20px 0 20px 0; }
.threeblocks {
	 width: 940px;
	 margin: 0 auto;
	 padding: 30px;
	 background: #000; }
.defaultblock {
	 width: 33.3333%;
	 float: left;
	 text-align: center;
	 background: #000; }
.lastblock {
	 width: 33.3333%;
	 float: right;
	 text-align: center;
	 background: #000; }

Для наглядного объяснения, вот скриншот:

Объясните пожалуйста, что делаю не правильно?

Edited October 21, 2013 by vladsypchenko

[Cerberus]

А что именно не наследуется? Из Вашего кода этого непонятно....

А если Вас не устраивает высота - так назначьте в стилях эту самую высоту для самого первого контейнера....

[vladsypchenko]

Назначил, получилось, спасибо! Однако, хотелось бы получить динамичную высоту, чтобы она изменялась согласно количеству контента, плюс паддинги.

[SelenIT]

См. здесь, перед примером 3.26 и ниже.

[vladsypchenko]

Спасибо огромное! Всё получилось. Вроде бы и читал, но на практике применять пока не доводилось.