css for footer expanded.

This commit is contained in:
phear 2010-04-18 18:48:06 +00:00
parent 46aebca302
commit 731d1224c7
3 changed files with 71 additions and 21 deletions

View file

@ -29,10 +29,10 @@
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="first">Home</a></li>
<li class="current_page_item"><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#" class="first">This </a></li>
<li><a href="#">will be</a></li>
<li><a href="#">advertisement</a></li>
</ul>
</div>
<!-- end #menu -->
@ -82,6 +82,12 @@
<h2>Use Cases</h2>
<ul>
<li><a href="/node/brainstorming.html">Brainstorming</a></li>
<li><a href="/node/kartenabfrage_online.html">Kartenabfrage</a></li>
<li><a href="/node/feedback_online.html">Feedback</a></li>
<li><a href="/node/auswertungsmethode.html">Auswertungsmethode</a></li>
<li><a href="/node/notizzettel_online.html">Notizzettel</a></li>
<li><a href="/node/einkaufsliste.html">Einkaufsliste</a></li>
<li><a href="/node/microblogging_zwischenablage.html">Zwischenablage</a></li>
</ul>
</li>
@ -101,10 +107,10 @@
<li>
<h2>Nav</h2>
<ul>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="/node/agb.html">AGB</a></li>
<li><a href="/node/impressum.html">Impressum</a></li>
<li><a href="/node/datenschutz.html">Datenschutz</a></li>
<li><a href="/node/kontakt.html">Kontakt</a></li>
</ul>
</li>
</ul>
@ -112,12 +118,28 @@
<!-- end #sidebar -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div> <!-- end #page -->
<div id="footer">
<div id="footer_left">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div>
<!-- end #footer -->
</div>
<div id="footer_center">
<h3> Lorem Ipsum </h3>
Evtl. hier Links rein, auch den legal stuff
</div>
<div id="footer_right">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div>
<div id="footer_bottom">
<p>(c) 2010 wortschlucker.de. Design based on themes from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div><!-- end #footer -->
</body>
</py:match>
</html>

View file

@ -618,11 +618,13 @@ padding-top:15px;
/* Footer */
#footer {
width: 920px;
height: 100px;
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 1px solid #E0E0E0;
border-top: 20px solid #f9b631;
text-al ign:center;
background:#000000;
}
#footer-bgcontent {
@ -630,7 +632,7 @@ padding-top:15px;
#footer p {
margin: 0;
padding: 30px 0px 0px 0px;
text-align: center;
line-height: normal;
font-size: 12px;
@ -638,3 +640,30 @@ padding-top:15px;
#footer a {
}
#footer_left, #footer_center, #footer_right, #footer_bottom {
background:#000000;
color: #cccccc;
text-align:center;
padding-top:20px;
}
#footer_left, #footer_center, #footer_right {
float:left;
width:32%;
height:100px;
}
#footer_left{
}
#footer_center{
}
#footer_right{
}
#footer_bottom {
clear:both;
}