tom/webdev-assignment-2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Basic footer layout

Browse Source
This commit is contained in:
Thomas Wade 2018-10-25 12:46:55 +10:30
parent 67506d28bf
commit cd861dd437
No known key found for this signature in database
GPG Key ID: 9E41F0F2D7A350E4
3 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -22,8 +22,8 @@
<ng-view></ng-view> <ng-view></ng-view>
</div> </div>
<ng-include src="'views/sidebar.html'"></ng-include> <ng-include src="'views/sidebar.html'"></ng-include>
<ng-include src="'views/footer.html'"></ng-include>
</div> </div>
<ng-include src="'views/footer.html'"></ng-include>
</div> </div>
</body> </body>
</html> </html>

19
styles/default.css
View File

@ -33,7 +33,7 @@ a
position: relative; position: relative;
width: 800px; width: 800px;
min-height: calc(100vh - 120px); min-height: calc(100vh - 116px - 100px);
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
padding-top: 100px; padding-top: 100px;
@ -125,11 +125,20 @@ a
.footerContainer .footerContainer
{ {
position: absolute;
bottom: 0;
width: 100%; width: 100%;
height: 100px; height: 60px;
}
.centreFooterContainer
{
width: calc(800px - 20px);
height: 100%;
margin-right: auto;
margin-left: auto;
padding: 10px;
color: #fff;
background-color: #000;
} }
.sidebar .sidebar

2
views/footer.html
View File

@ -1,3 +1,5 @@
<div class="footerContainer"> <div class="footerContainer">
<div class="centreFooterContainer">
Footer Footer
</div> </div>
</div>