css for div tag background

Question

Я хочу добавить цвет фона в div, который я называю d как заголовок и нарисован в красном цвете. Я рисую синим цветом, это область sidemenu.content в зеленом цвете. Моя проблема заключается в том, что я не могу заполнить цвет фона тега div Я хочу заполнить цвет фона в теге заголовка div.

.heading{ 
 
float:left; 
 
margin-top:0px; 
 
margin-left:170px; 
 
height:25px; 
 
    border: 1px solid #f9f2f2; 
 
} 
 
.rest { 
 
    height: 685px; 
 
    background: -o-linear-gradient(bottom, #e5e3e3 5%, #ffffff 100%); 
 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e5e3e3), color-stop(1, #ffffff)); 
 
    background: -moz-linear-gradient(center top, #e5e3e3 5%, #ffffff 100%); 
 
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#e5e3e3", endColorstr="#ffffff"); 
 
    background: -o-linear-gradient(top, #e5e3e3, ffffff); 
 
    background-color: #e5e3e3; 
 
    border: 1px solid #f9f2f2; 
 
    border-width: 0px 0px 0px 0px; 
 
    border-radius: 0px 0px 10px 10px; 
 
    text-align: left; 
 
    padding: 0px 7px; 
 
} 
 
.sidemenu { 
 
    float: left; 
 
    margin-top: 150px; 
 
    
 
    height: 250px; 
 
    width: 150px; 
 
    border: 1px solid #f9f2f2; 
 
    border-radius: 10px; 
 
} 
 
.content { 
 
    border-left: thick solid #f9f2f2; 
 
} 
 
hr { 
 
    margin: 0; 
 
    margin-left:170px; 
 
    width: 1px; 
 
    height: 685px; 
 
border:0; 
 
background: #fff; 
 
}

   <div class="rest"> 
 
        <div class="side"> 
 
        <div class="sidemenu"> 
 
         <div class="1 menu"> 
 
          <a href="admin_dashboard.php" class="astext">Profile</a> 
 
         </div> <!--End of menu1 --> 
 
         <div class="2 menu"> 
 
          <a href="clients.php" class="astext">Clients</a> 
 
         </div> <!--End of menu 2--> 
 
         <div class="3 menu"> 
 
          <a href="employees.php" class="astext">Employees</a> 
 
         </div> <!--End of menu 3--> 
 
         <div class="menu 4"> 
 
         <a href="admin_file_view.php" class="astext">Documents</a> 
 
         </div> <!--End of menu 4--> 
 
        </div> <!--End of side menu --> 
 
        </div> <!--End of side div --> 
 
        <hr> 
 
         <div class="heading"> 
 
          
 
         </div> <!-- End of heading div --> 
 
        <div class="content"> 
 
         
 
        </div> <!--End of content --> 
 
       </div> <!--End of rest div -->

Answer 1

Я не уверен, что вы пытаетесь сделать. Вот что я сделал. https://gist.github.com/anonymous/1a40454674d832588bd8
(нажмите на ручку). Надеюсь, что это помогает

Answer 2

Попробуйте

<div class="rest"> 
         <div class="side"> 
         <div class="sidemenu"> 
          <div class="1 menu"> 
           <a href="admin_dashboard.php" class="astext">Profile</a> 
          </div> <!--End of menu1 --> 
          <div class="2 menu"> 
           <a href="clients.php" class="astext">Clients</a> 
          </div> <!--End of menu 2--> 
          <div class="3 menu"> 
           <a href="employees.php" class="astext">Employees</a> 
          </div> <!--End of menu 3--> 
          <div class="menu 4"> 
          <a href="admin_file_view.php" class="astext">Documents</a> 
          </div> <!--End of menu 4--> 
         </div> <!--End of side menu --> 
         </div> <!--End of side div --> 
         <hr> 
          <div class="heading" style="background-color:#CC3300 !important;"> 
          is it work for you. 
          </div> <!-- End of heading div --> 
         <div class="content"> 

         </div> <!--End of content --> 
        </div> <!--End of rest div --> 

Answer 3

это то, что вы хотите. Это всего лишь грубый дизайн.
https://gist.github.com/anonymous/9d3552419e5a33822713