Einen schönen guten Abend,

wir erstellen unsere Seite neu und einer meiner Freunde meinte, ich würde alte Technik nehmen, mein Footer sieht so aus:

  
  
<div id="footer">  
	<div class="center">  
	  <div id="footer_content">  
	    <div id="service">  
		  <h4>Was wir bieten</h4>  
				<p>Zwei digitale Studio-Softwares nutzen wir. Zum einen Adobe-Audition 24 Spur Sound-Sampling und zum anderen das Samplitude MX-Plus, Multitrack Recording MR 64. Bedingt durch die knapp bemessene Räumlichkeit können wir keine größere Musiker-Gruppen platzieren.</p>  
                Copyright © 2014 | <a href="#" title="zu unseren Projekten">Eigene Projekte</a> - <a href="impressum.htm" title="zum Impressum">Impressum</a> - <a href="#" title="zu unseren Allgemeine Geschäftsbedingungen">Allgemeine Geschäftsbedingungen</a>  
			</div>  
	    <div id="contact">  
		  <h4>Kontakt</h4>  
				<p class="fon">040 - xxxxx</p>  
				<p class="mail">  
					<a href="kontakt.html">Schreiben Sie uns</a></p>  
			</div>  
		</div>  
	</div>  
</div>  
  

ich frag mich, was daran alt ist? wie würde man das mit neuer Technik umsetzten umgesetzt werden? Sind vielleicht ein paar viele Divs, aber es funktioniert in allen Browsern.

Vielleicht könnt ihr mein zeigen, wie man es anderes umsetzten kann.

Mein CSS sieht so aus:

  
  
#footer {  
	width: 100%;  
	height:143px;  
	clear: both;  
	padding: 19px 0 0;  
	color: #777;  
	background-color: #2e2e2e;  
}  
  
#footer a {  
	color: #777;  
	text-decoration: none;  
}  
  
#footer a:hover {  
	color: white;  
}  
  
#footer h4 {  
	margin: 0 0 1em 0;  
	color: white;  
}  
  
#footer_content {  
	width: 100%;  
	float: left;  
}  
  
.center {  
	width: 980px;  
	margin: 0 auto;  
	position: relative;  
}  
  
#service {  
	width: 655px;  
	padding: 0 50px 0 0;  
	float: left;  
}  
  
#contact {  
	width: 260px;  
	float: left;  
}  
  
#contact p {  
	font-size: 2em;  
	padding: .6em 0 .6em 45px;  
	margin: 0;  
	letter-spacing: 1px;  
	background: url(../icons/fon.gif) left no-repeat;  
}  
  
#contact p.mail {  
	font-size: 1.6em;  
	letter-spacing: 0;  
	background: url(../icons/mail.gif) left no-repeat;  
	margin-top: 11px;  
}