как марджиными и паддинами подвал сделать

Вилков Михаил
/*-----------------------------------ПОДВАЛ-------------------------------------------------*/

#footer {
width: 1100px;
height: 340px;
border: 1px transparent;
margin-top: 100px;
} .footer_li {
list-style-type: none;
display: inline-block;
margin-right: 40px;
margin-top: -40px;
}
.about_lis_z {
font-family: "Arial", Sans-serif;
font-size: 15px;
margin-top: 20px;
margin-left: -26px;
}
.footer_lorem {
font-family: "Arial", Sans-serif;
font-size: 15px;
margin-top: -9px;
margin-left: -26px;
padding-top: 22px;
}
.explore_li {
list-style-type: none;
text-decoration: none;
color: #363636;
margin-right: 40px;
margin-top: 10px;
font-family: "Arial", Sans-serif;
font-size: 15px;
}
.browse_li {
margin-left: -35px;
list-style-type: none;
text-decoration: none;
color: #363636;
margin-top: 10px;
font-family: arial;
font-size: 15px;
}
.explore_li:hover {
color: #2aacc8;
}
.browse_li:hover {
color: #2aacc8;
}
.EXPLORE_lis {
font-family: "Arial", Sans-serif;
font-size: 15px;
margin-left: 40px;
margin-top: -3px;
padding-bottom: 8px;
}
.BROWSE_lis {
font-family: "Arial", Sans-serif;
margin-right: 25px;
font-size: 15px;
margin-left: -32px;
margin-top: -10px;
padding-bottom: 8px;
}
.CONTACT_lis_z {
font-family: "Arial", Sans-serif;
font-size: 15px;
}
.contact_lis {
font-family: "Arial", Sans-serif;
font-size: 15px;
margin-bottom: 30px;
}
.CONNECT_WITH_LIS {
font-family: "Arial", Sans-serif;
font-size: 15px;
}
.social_ul {
margin-left: -60px;
padding-top: 20px;
padding-bottom: 10px;
}
.social_li {
list-style-type: none;
display: inline-block;
margin-left: 15px;
}
.social_ul2 {
list-style-type: none;
margin-left: -60px;
}
.social_li2 {
display: inline-block;
margin-left: 16px;
}
.social {
margin-bottom: 20px;
}
.copyright {
font-family: "Arial", Sans-serif;
font-size: 13px;
margin-left: 10px;
margin-top: 24px;
float: left;
}
.footer_bislite {
margin-left: 210px;
margin-top: 20px;
}
это css
а это html
			<div id="footer">

<ul class="footer_ul">
<li class="footer_li">
<h3 class="about_lis_z">ABOUT LIS</h3>
<p class="footer_lorem">
Lorem Ipsum is simply dummy<br> been the industry's<br> galley of type and scrambled it<br> centuries, but also the leap into<br> was popularised in the<br> passages, and more recently<br> versions of Lorem<br>
</p>
</li>
<li class="footer_li">
<h3 class="EXPLORE_lis">EXPLORE</h3>
<ul class="explode_ul">
<li class="explore_li">
<a class="explore_li" href="#">Home</a>
</li>
<li class="explore_li">
<a class="explore_li" href="#">About lis</a>
</li>
<li class="explore_li">
<a class="explore_li" href="#">Services</a>
</li>
<li class="explore_li">
<a class="explore_li" href="#">Portfolio</a>
</li>
<li class="explore_li">
<a class="explore_li" href="#">Blog</a>
</li>
</ul>
</li>
<li class="footer_li">
<h3 class="BROWSE_lis">BROWSE</h3>
<ul class="browse_ul">
<li class="browse_li">
<a class="browse_li" href="#">Careers</a>
</li>
<li class="browse_li">
<a class="browse_li" href="#">Prees & Media</a>
</li>
<li class="browse_li">
<a class="browse_li" href="#">Contact Lis</a>
</li>
<li class="browse_li">
<a class="browse_li" href="#">Tems of Service</a>
</li>
<li class="browse_li">
<a class="browse_li" href="#">Privacy Polisy</a>
</li>
</ul>
</li>
<li class="footer_li">
<h3 class="CONTACT_lis_z">CONTACT LIS</h3>
<p class="contact_lis">
BisLite Inc.<br>Always Street 265<br>DX. 125. Canada<br><br>Phone: 83747676763172<br>Fax. 987-9826-8238<br>
</p>
</li>
<li class="footer_li">
<h3 class="CONNECT_WITH_LIS"><p class="p">CONNECT WITH LIS</p></h3>
<ul class="social_ul">
<li class="social_li">
<a href=""><img src="img/facebook.png"></a>
</li>
<li class="social_li">
<a href=""><img src="img/facebook2.png"></a>
</li>
<li class="social_li">
<a href=""><img src="img/facebook3.png"></a>
</li>
</ul>
<ul class="social_ul2">
<li class="social_li2">
<a href=""><img src="img/facebook4.png"></a>
</li>
<li class="social_li2">
<a href=""><img src="img/facebook5.png"></a>
</li>
<li class="social_li2">
<a href=""><img src="img/facebook6.png"></a>
</li>
</ul>
</li>
</ul>
<p class="copyright">
© Copyright 2012 - BisLite Inc. All rights reserved. Some free icons used here are created by Brankic1979.com.<br>
Client Logos are copyright and trademark of the respective owners / companies.
</p>
<a href="#" class="footer_img">
<img class="footer_bislite" src="img/business-website-home-psd-template.png">
</a>
</div>

http://prntscr.com/9r5fcw как должно быть!!!
http://prntscr.com/9r5f0y как есть сейчас!!!
Вилков Михаил почти 2 года назадСпасибо 0
0 чел.