tonyair/silverstripe-simple
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-simple synced 2024-10-22 11:05:50 +02:00
Code Issues Projects Releases Wiki Activity

FIX left and right alignment of header & footer to content area

Browse Source
This commit is contained in:
Paul Clarke 2013-01-23 11:56:46 +13:00
parent e68e63cf4b
commit bba8ebfac5
3 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/layout.css
View File

@ -219,11 +219,13 @@ body {
/* NAVIGATION */ /* NAVIGATION */
/* Primary navigation */ /* Primary navigation */
.header .inner .unit {
position: relative; /* used to position the main navigation */
}
.header .primary ul { .header .primary ul {
position:absolute; position:absolute;
bottom:0; bottom:0;
right:17px; /* positions the main navigation */ right:0; /* positions the main navigation */
} }
.header .primary li { .header .primary li {
float: left; float: left;

12
templates/Includes/Footer.ss
View File

@ -1,8 +1,10 @@
<footer class="footer" role="contentinfo"> <footer class="footer" role="contentinfo">
<div class="inner copy"> <div class="inner">
<div class="left"> <div class="unit size4of4 lastUnit">
<a href="$BaseHref" class="brand" rel="home">$SiteConfig.Title</a> <div class="left">
<span class="arrow">&rarr;</span> <% include Navigation %></div> <a href="$BaseHref" class="brand" rel="home">$SiteConfig.Title</a>
<small class="right"><a href="http://simple.innovatif.com/about/">Theme</a> by <a href="http://www.saratusar.com">Sara</a> (Innovatif) / Powered by <a href="http://silverstripe.org">Silverstripe</a></small> <span class="arrow">&rarr;</span> <% include Navigation %></div>
<small class="right"><a href="http://simple.innovatif.com/about/">Theme</a> by <a href="http://www.saratusar.com">Sara</a> (Innovatif) / Powered by <a href="http://silverstripe.org">Silverstripe</a></small>
</div>
</div> </div>
</footer> </footer>

26
templates/Includes/Header.ss
View File

@ -1,17 +1,19 @@
<header class="header" role="banner"> <header class="header" role="banner">
<div class="inner"> <div class="inner">
<a href="$BaseHref" class="brand" rel="home"> <div class="unit size4of4 lastUnit">
<h1>$SiteConfig.Title</h1> <a href="$BaseHref" class="brand" rel="home">
<% if $SiteConfig.Tagline %> <h1>$SiteConfig.Title</h1>
<p>$SiteConfig.Tagline</p> <% if $SiteConfig.Tagline %>
<p>$SiteConfig.Tagline</p>
<% end_if %>
</a>
<% if $SearchForm %>
<span class="search-dropdown-icon">L</span>
<div class="search-bar">
$SearchForm
</div>
<% end_if %> <% end_if %>
</a> <% include Navigation %>
<% if $SearchForm %> </div>
<span class="search-dropdown-icon">L</span>
<div class="search-bar">
$SearchForm
</div>
<% end_if %>
<% include Navigation %>
</div> </div>
</header> </header>