Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

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

  • Loading branch information...
commit bba8ebfac59dbdda671d8ebd4fb6649839343c6b 1 parent e68e63c
Paul clarkepaul authored
6 css/layout.css
View
@@ -219,11 +219,13 @@ body {
/* NAVIGATION */
/* Primary navigation */
-
+ .header .inner .unit {
+ position: relative; /* used to position the main navigation */
+ }
.header .primary ul {
position:absolute;
bottom:0;
- right:17px; /* positions the main navigation */
+ right:0; /* positions the main navigation */
}
.header .primary li {
float: left;
12 templates/Includes/Footer.ss
View
@@ -1,8 +1,10 @@
<footer class="footer" role="contentinfo">
- <div class="inner copy">
- <div class="left">
- <a href="$BaseHref" class="brand" rel="home">$SiteConfig.Title</a>
- <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 class="inner">
+ <div class="unit size4of4 lastUnit">
+ <div class="left">
+ <a href="$BaseHref" class="brand" rel="home">$SiteConfig.Title</a>
+ <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>
</footer>
26 templates/Includes/Header.ss
View
@@ -1,17 +1,19 @@
<header class="header" role="banner">
<div class="inner">
- <a href="$BaseHref" class="brand" rel="home">
- <h1>$SiteConfig.Title</h1>
- <% if $SiteConfig.Tagline %>
- <p>$SiteConfig.Tagline</p>
+ <div class="unit size4of4 lastUnit">
+ <a href="$BaseHref" class="brand" rel="home">
+ <h1>$SiteConfig.Title</h1>
+ <% 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 %>
- </a>
- <% if $SearchForm %>
- <span class="search-dropdown-icon">L</span>
- <div class="search-bar">
- $SearchForm
- </div>
- <% end_if %>
- <% include Navigation %>
+ <% include Navigation %>
+ </div>
</div>
</header>
Please sign in to comment.
Something went wrong with that request. Please try again.