Почему не работает padding?

[tigrus2014]

Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить?

<div id="wrapper">

	<header id="header">
		
		Header
	</header><!-- .header-->

	<div id="page" class="clearfix">

		<div id="content-wrap">
			<div id="content" class="clearfix">
				<h1>Главная страница</h1>
				<p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребованность дальнейших направлений развития. Ключевые особенности структуры проекта представляют собой не что иное, как квинтэссенцию победы маркетинга над разумом и должны быть превращены в посмешище, хотя само их существование приносит несомненную пользу.</p>
				<h2>Заголовок второго уровня</h2>
				<p>Следует отметить, что высокотехнологичная концепция общественного уклада однозначно определяет каждого участника как способного принимать собственные решения касаемо переосмысления внешнеэкономических политик. В своем стремлении улучшить пользовательский опыт мы упускаем.</p>
				<p>Прежде всего, постоянный количественный рост и сфера нашей активности однозначно фиксирует необходимость системы массового участия. С учетом сложившейся международной обстановки, социально-экономическое развитие способствует повышению качества глубокомысленных рассуждений. Есть над чем задуматься: явные признаки победы институциализации заблокированы в рамках своих собственных рациональных ограничений.</p>
				<h3>Заголовок третьего уровня</h3>
				<p>Есть над чем задуматься: сторонники тоталитаризма в науке лишь добавляют фракционных разногласий и функционально разнесены на независимые элементы. Повседневная практика показывает, что убежденность некоторых оппонентов способствует повышению качества прогресса профессионального сообщества. А еще элементы политического процесса лишь добавляют фракционных разногласий и представлены в исключительно положительном свете.</p>
				<p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребованность дальнейших направлений развития. Ключевые особенности структуры проекта представляют собой не что иное, как квинтэссенцию победы маркетинга над разумом и должны быть превращены в посмешище, хотя само их существование приносит несомненную пользу.</p>
				<p>Прежде всего, постоянный количественный рост и сфера нашей активности однозначно фиксирует необходимость системы массового участия. С учетом сложившейся международной обстановки, социально-экономическое развитие способствует повышению качества глубокомысленных рассуждений. Есть над чем задуматься: явные признаки победы институциализации заблокированы в рамках своих собственных рациональных ограничений.</p>
			</div><!-- .content -->
			<div id="gallery_preview" class="clearfix">
			<h1>Мои работы</h1>
			</div><!-- #gallery_preview -->
		</div><!-- #content-wrap-->

		<div id="sidebar">
		<div class="sb_block">
		<div class="sb_title"><h3>Категории</h3></div>
		<div class="sb_menu_widget">
		<ul>
		<li><a href="">Косметический ремонт квартир</a></li>
		<li><a href="">Капитальный ремонт квартир</a></li>
		<li><a href="">Евроремонт квартир</a></li>
		<li><a href="">Элитный ремонт квартир</a></li>
		<li><a href="">Ремонт ванной комнаты под ключ</a></li>
		<li><a href="">Калькулятор стоимости ремонта</a></li>
		</ul>
</div>
		</div>
		
		<div class="sb_block">
		<div class="sb_title"><h3>Новости</h3></div>
		<div class="sb_news_widget">
		<div class="news_date">2.08.2017</div>
		<p><a href="#">Если при заключении договора на разработку дизайн-проекта интерьера или ремонтно-строительные работы</a></p>
</div>
<div class="sb_news_widget">
		<div class="news_date">2.08.2017</div>
		<p><a href="#">Если при заключении договора на разработку дизайн-проекта интерьера или ремонтно-строительные работы</a></p>
</div>
<div class="sb_news_widget">
		<div class="news_date">2.08.2017</div>
		<p><a href="#">Если при заключении договора на разработку дизайн-проекта интерьера или ремонтно-строительные работы</a></p>
</div>
		</div>
		</div><!-- .right-sidebar -->

	</div><!-- .middle-->

</div><!-- .wrapper -->

<footer id="footer">
	Footer 
</footer><!-- .footer -->

/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

h1,h2,h3 {
font-family: Georgia, Times, 'Times New Roman', serif;
}

h1 {
	margin: 16px 0 0;
	font-size: 25px; /* 25px / 16px = 1.5625em */
}

h2 {
	margin: 16px 0 0;
	font-size: 23px; /* 23px / 16px = 1.4375em */
}

h3{
	margin: 12px 0 0;
	font-size: 21px; /* 21px / 16px = 1.3125em */
}

p {
	margin: 9px auto 0;
	font-size: 14px; /* 13px / 16px = 0.8125em */
	line-height: 23px; /* 21px / 13px = 1.615385em */

}



body {
	font-size: 14px Arial, sans-serif;
	background: #F1F3F5;
	
}
#wrapper {
	margin: 0;
	width: 100%;
}


/* Header
—————————————————————————--*/
#header {
	background: #FFE680;
	height:200px;
}


/* Middle
—————————————————————————--*/
#page {
	margin: 0 auto;
	max-width: 1180px;
	width: 96.90722%;
}

#content-wrap {
	width: 69.680855%;
	float: left;
	margin: 0px 15px 25px 0px;
}
#content {
width: 98.05511%;
padding: 0px 20px;
background: #fff;
}

#gallery_preview {
	margin: 24px 0 0;
	padding: 17px 2.59542%; /* 17px / 655px = 2.59542% */
	background: #fff;
}



/* Right Sidebar
—————————————————————————--*/
	#sidebar {
	float: right;
	width: 28.19149%;
	margin: 20px 0px 0px 0px;

}

.sb_block {
  padding: 15px;
  width: 265px;
  margin-bottom: 20px;
  background: #fff;
 
}

.sb_title {
  border-bottom: 1px solid rgba(0,0,0,.3);
}

.sb_title h3 {
 
  margin: 0 0 10px;
  padding: 0 5px;
}

.sb_menu_widget ul {
  margin: 0;
  padding: 0; 
  
}

.sb_menu_widget li {
	line-height: 20px;
	border-bottom: 1px solid #dadada;
}

.sb_menu_widget a {
  text-decoration: none;
  display: block;  

  color: rgba(0,0,0,.6);
  padding: 5px;

}

.sb_menu_widget a:hover {
  color: #000;
}

.sb_news_widget {
width: 230px;
margin-bottom: 5px; 
}

.sb_news_widget a {
font-size: 14px;
color: #184d6c;
}

.sb_news_widget a:hover {
font-size: 14px;
color: #000;
}

.news_date { 
	color: #969799;
	padding: 12px 0px 0px 0px;
	font-size: 13px; 
	font-weight: bold; 
}

/* Footer
—————————————————————————--*/
#footer {
	width: 100%;
	background: #BFF08E;
	clear: both;
	height:200px;
}

 

[Switch74]

если его выставить, он работает
ни правил для такого класса
ни элемента с таким классом у вас нет

[tigrus2014]

В общем идея такая. желаю чтобы header был на 100%, внизу блок c id page, размером в 970px (там задано в процентах, так как верстка планируется адаптивной). В header будет логотип картинкой и навигация. Оба дива флотятся соответственно лого в лево, навигация справа. В хедер кроме лого и навигации, вставим слайдер, По сей причине и div с "page" с классом clearfix.( УЖЕ сразу задал). Но по логике, в данном контексте, он должен отрабатывать, снимая флоты с "content-wrap"  и "sidebar"??? То есть получается, что верстка такая же, что и если бы я вообще не задавал флоты нигде? Если мыслю правильно, возвращаюсь к вопросу  Для наглядности прикрепил рисунок макета.