title: Changes in footer background after editing in upper <div>
body: <p>Hi first of all thanks to all and thanks to stackoverflow i am new for html and css i downloaded free website template from internet i want to editing i did something, when i removing upper div class footer background shrink from full width to main width and some of changes also happening in footer.</p>
  
  <p>![BEFORE EDITING TEMPLATE][1]   </p>
  
  <p>HTML OF BEFORE EDITING</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Wood Working Website Template&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css" type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="header"&gt;
          &lt;div&gt;
              &lt;div id="logo"&gt;
                  &lt;a href="index.html"&gt;&lt;img src="images/logo.png" alt="LOGO"&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;ul id="navigation"&gt;
                  &lt;li class="selected"&gt;
                      &lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="about.html"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="blog.html"&gt;Blog&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="contact.html"&gt;Contact&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="contents"&gt;
          &lt;div&gt;
              &lt;div class="body"&gt;
                  &lt;div id="adbox"&gt;
                      &lt;img src="images/chair.jpg" alt="Img"&gt; &lt;span class="info"&gt; Whicker Chair &lt;em&gt;$250.00&lt;/em&gt; &lt;a href="index.html" class="btn1"&gt;View Details&lt;/a&gt; &lt;/span&gt;
                      &lt;div class="details"&gt;
                          &lt;h1&gt;High Quality&lt;br&gt; Wooden Furnitures&lt;br&gt; That's Built to Last.&lt;/h1&gt;
                          &lt;p&gt;
                              You can choose from our wide selection of furnitures on display. Either for your home, office or other estab- lishments. If you can’t find what you need, we can make it according to your needs.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;ul id="featured"&gt;
                      &lt;li&gt;
                          &lt;div&gt;
                              &lt;img src="images/living-room.jpg" alt="Img"&gt; &lt;a href="index.html"&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="details"&gt;
                              &lt;h4&gt;Living Room&lt;/h4&gt;
                              &lt;p&gt;
                                  This website template has been designed by &lt;a href="http://www.freewebsitetemplates.com/"&gt;Free Website Templates&lt;/a&gt; for you, for free. You can replace all this text with your own text.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                      &lt;li class="bedroom"&gt;
                          &lt;div&gt;
                              &lt;img src="images/bedroom.jpg" alt="Img"&gt; &lt;a href="index.html"&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="details"&gt;
                              &lt;h4&gt;Bedroom&lt;/h4&gt;
                              &lt;p&gt;
                                  You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                      &lt;li class="kitchen"&gt;
                          &lt;div&gt;
                              &lt;img src="images/kitchen.jpg" alt="Img"&gt; &lt;a href="index.html"&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="details"&gt;
                              &lt;h4&gt;Kitchen&lt;/h4&gt;
                              &lt;p&gt;
                                  If you're having problems editing this website template, then don't hesitate to ask for help on the &lt;a href="http://www.freewebsitetemplates.com/forums/"&gt;Forum&lt;/a&gt;.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="contact"&gt;
                      &lt;p&gt;
                          For Order and Inquiries Please Call: &lt;b&gt;760-962-9541&lt;/b&gt; Or you can visit us at: &lt;b&gt;4885 Wilson Street&lt;br&gt; Victorville, CA 92392&lt;/b&gt;
                      &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="blog"&gt;
                      &lt;h4&gt;From the Blog&lt;/h4&gt;
                      &lt;div&gt;
                          &lt;img src="images/carving-small.png" alt="Img"&gt; &lt;span&gt;April 16, 2023&lt;/span&gt;
                          &lt;p&gt;
                              CC's Carving
                          &lt;/p&gt;
                          &lt;a href="blog.html" class="more"&gt;Read More&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div&gt;
                          &lt;img src="images/resort-small.png" alt="Img"&gt; &lt;span&gt;April 15, 2023&lt;/span&gt;
                          &lt;p&gt;
                              5 Star Resorts
                          &lt;/p&gt;
                          &lt;a href="blog.html" class="more"&gt;Read More&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="footer"&gt;
          &lt;div&gt;
              &lt;div id="links"&gt;
                  &lt;div class="showroom"&gt;
                      &lt;h4&gt;Visit our Showroom&lt;/h4&gt;
                      &lt;a href="gallery.html"&gt;&lt;img src="images/show-room.png" alt="Img"&gt;&lt;/a&gt;
                      &lt;p&gt;
                          4885 Wilson Street&lt;br&gt; Victorville, CA 92392&lt;br&gt;&lt;br&gt; 760-962-9541&lt;br&gt;&lt;br&gt; &lt;a href="index.html"&gt;info@carvedcreations.com&lt;/a&gt;
                      &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;h4&gt;Recent Blog Posts&lt;/h4&gt;
                      &lt;ul class="posts"&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;Apr 16&lt;/span&gt;
                              &lt;p&gt;
                                  &lt;a href="blog.html"&gt;The Carving Master &amp;amp; Owner&lt;/a&gt; Maybe you’re looking for something diferent, something special.
                              &lt;/p&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;Apr 15&lt;/span&gt;
                              &lt;p&gt;
                                  &lt;a href="blog.html"&gt;5 Star Hotels We Supply&lt;/a&gt; And we love the challenge of doing something diferent and something special.
                              &lt;/p&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;Apr 14&lt;/span&gt;
                              &lt;p&gt;
                                  &lt;a href="blog.html"&gt;How To Pick The Right Furniture For You&lt;/a&gt; What’s more, they’re absolutely free! You can do a lot with them.
                              &lt;/p&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;form action="#" method="post" id="newsletter"&gt;
                          &lt;h4&gt;Join Our Newsletter&lt;/h4&gt;
                          &lt;input type="text" value="Enter Email Address Here For Updates" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}"&gt;
                          &lt;input type="submit" value="Sign up" class="btn2" /&gt;
                      &lt;/form&gt;
                      &lt;div id="connect"&gt;
                          &lt;h4&gt;Social Media&lt;/h4&gt;
                          &lt;a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"&gt;&lt;/a&gt; &lt;a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"&gt;&lt;/a&gt; &lt;a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"&gt;&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;ul class="navigation"&gt;
                  &lt;li&gt;
                      &lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="about.html"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="blog.html"&gt;Blog&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="contact.html"&gt;Contact&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;p id="footnote"&gt;
                  © Copyright 2023. All Rights Reserved.
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In this when i edited in i mean when i remove following one  footer background is shrinking from normal size.  </p>
  
  <pre><code>&lt;h4&gt;From the Blog&lt;/h4&gt;
                          &lt;div&gt;
                              &lt;img src="images/carving-small.png" alt="Img"&gt; &lt;span&gt;April 16, 2023&lt;/span&gt;
                              &lt;p&gt;
                                  CC's Carving
                              &lt;/p&gt;
                              &lt;a href="blog.html" class="more"&gt;Read More&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div&gt;
                              &lt;img src="images/resort-small.png" alt="Img"&gt; &lt;span&gt;April 15, 2023&lt;/span&gt;
                              &lt;p&gt;
                                  5 Star Resorts
                              &lt;/p&gt;
                              &lt;a href="blog.html" class="more"&gt;Read More&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>after edit footer is shrink from before one</p>
  
  <p>![AFTER EDIT OF HTML ][2]
  HTML AFTER EDITED </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Wood Working Website Template&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css" type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="header"&gt;
          &lt;div&gt;
              &lt;div id="logo"&gt;
                  &lt;a href="index.html"&gt;&lt;img src="images/logo.png" alt="LOGO"&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;ul id="navigation"&gt;
                  &lt;li class="selected"&gt;
                      &lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="about.html"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="blog.html"&gt;Blog&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="contact.html"&gt;Contact&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="contents"&gt;
          &lt;div&gt;
              &lt;div class="body"&gt;
                  &lt;div id="adbox"&gt;
                      &lt;img src="images/chair.jpg" alt="Img"&gt; &lt;span class="info"&gt; Whicker Chair &lt;em&gt;$250.00&lt;/em&gt; &lt;a href="index.html" class="btn1"&gt;View Details&lt;/a&gt; &lt;/span&gt;
                      &lt;div class="details"&gt;
                          &lt;h1&gt;High Quality&lt;br&gt; Wooden Furnitures&lt;br&gt; That's Built to Last.&lt;/h1&gt;
                          &lt;p&gt;
                              You can choose from our wide selection of furnitures on display. Either for your home, office or other estab- lishments. If you can’t find what you need, we can make it according to your needs.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;ul id="featured"&gt;
                      &lt;li&gt;
                          &lt;div&gt;
                              &lt;img src="images/living-room.jpg" alt="Img"&gt; &lt;a href="index.html"&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="details"&gt;
                              &lt;h4&gt;Living Room&lt;/h4&gt;
                              &lt;p&gt;
                                  This website template has been designed by &lt;a href="http://www.freewebsitetemplates.com/"&gt;Free Website Templates&lt;/a&gt; for you, for free. You can replace all this text with your own text.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                      &lt;li class="bedroom"&gt;
                          &lt;div&gt;
                              &lt;img src="images/bedroom.jpg" alt="Img"&gt; &lt;a href="index.html"&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="details"&gt;
                              &lt;h4&gt;Bedroom&lt;/h4&gt;
                              &lt;p&gt;
                                  You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                      &lt;li class="kitchen"&gt;
                          &lt;div&gt;
                              &lt;img src="images/kitchen.jpg" alt="Img"&gt; &lt;a href="index.html"&gt;&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;div class="details"&gt;
                              &lt;h4&gt;Kitchen&lt;/h4&gt;
                              &lt;p&gt;
                                  If you're having problems editing this website template, then don't hesitate to ask for help on the &lt;a href="http://www.freewebsitetemplates.com/forums/"&gt;Forum&lt;/a&gt;.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="contact"&gt;
                      &lt;p&gt;
                          For Order and Inquiries Please Call: &lt;b&gt;760-962-9541&lt;/b&gt; Or you can visit us at: &lt;b&gt;4885 Wilson Street&lt;br&gt; Victorville, CA 92392&lt;/b&gt;
                      &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="blog"&gt;
                          &lt;/div&gt;
      &lt;div id="footer"&gt;
          &lt;div&gt;
              &lt;div id="links"&gt;
                  &lt;div class="showroom"&gt;
                      &lt;h4&gt;Visit our Showroom&lt;/h4&gt;
                      &lt;a href="gallery.html"&gt;&lt;img src="images/show-room.png" alt="Img"&gt;&lt;/a&gt;
                      &lt;p&gt;
                          4885 Wilson Street&lt;br&gt; Victorville, CA 92392&lt;br&gt;&lt;br&gt; 760-962-9541&lt;br&gt;&lt;br&gt; &lt;a href="index.html"&gt;info@carvedcreations.com&lt;/a&gt;
                      &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;h4&gt;Recent Blog Posts&lt;/h4&gt;
                      &lt;ul class="posts"&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;Apr 16&lt;/span&gt;
                              &lt;p&gt;
                                  &lt;a href="blog.html"&gt;The Carving Master &amp;amp; Owner&lt;/a&gt; Maybe you’re looking for something diferent, something special.
                              &lt;/p&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;Apr 15&lt;/span&gt;
                              &lt;p&gt;
                                  &lt;a href="blog.html"&gt;5 Star Hotels We Supply&lt;/a&gt; And we love the challenge of doing something diferent and something special.
                              &lt;/p&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;Apr 14&lt;/span&gt;
                              &lt;p&gt;
                                  &lt;a href="blog.html"&gt;How To Pick The Right Furniture For You&lt;/a&gt; What’s more, they’re absolutely free! You can do a lot with them.
                              &lt;/p&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;form action="#" method="post" id="newsletter"&gt;
                          &lt;h4&gt;Join Our Newsletter&lt;/h4&gt;
                          &lt;input type="text" value="Enter Email Address Here For Updates" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}"&gt;
                          &lt;input type="submit" value="Sign up" class="btn2" /&gt;
                      &lt;/form&gt;
                      &lt;div id="connect"&gt;
                          &lt;h4&gt;Social Media&lt;/h4&gt;
                          &lt;a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"&gt;&lt;/a&gt; &lt;a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"&gt;&lt;/a&gt; &lt;a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"&gt;&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;ul class="navigation"&gt;
                  &lt;li&gt;
                      &lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="about.html"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="blog.html"&gt;Blog&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="contact.html"&gt;Contact&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;p id="footnote"&gt;
                  © Copyright 2023. All Rights Reserved.
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>please help as soon as possible...</p>