Good afternoon,
Could somebody give me an advice, how can I make sticky footer in my master page, created from Telerik Responsive Web Site template ?
First I will try to describe the steps I've done, yet.
1. Through VS2010 Telerik menu, UI for ASP.NET AJAX - Create New Telerik Project
2. Choosed Telerik C# Web Forms Site for .NET Framework 4.0
3. Choosed project type - Responsive Web SiteAfter whole project has been created.
I put this into <%--Footer--%> section in MasterPage.master file:
Then I set in default.css this:
And in base.css I set this:
The result is on this link: http://www.screencast.com/t/8KDAHJQTa
Question is, how could I achieve something like this ? http://mystrd.at/data/sticky_footer.html
Thank you for your advice and help.
Best regards
Vasssek
Could somebody give me an advice, how can I make sticky footer in my master page, created from Telerik Responsive Web Site template ?
First I will try to describe the steps I've done, yet.
1. Through VS2010 Telerik menu, UI for ASP.NET AJAX - Create New Telerik Project
2. Choosed Telerik C# Web Forms Site for .NET Framework 4.0
3. Choosed project type - Responsive Web SiteAfter whole project has been created.
I put this into <%--Footer--%> section in MasterPage.master file:
<
telerik:LayoutRow
>
<
Columns
>
<
telerik:LayoutColumn
CssClass
=
"footer"
>
<
hr
/>
Footer: © 2002-2015 Company Inc, 201 Jones Rd, Waltham, MA 03451
</
telerik:LayoutColumn
>
</
Columns
>
</
telerik:LayoutRow
>
Then I set in default.css this:
#wrapper .footer
{
background-color: orange;
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
}
And in base.css I set this:
html {
position: relative;
min-height: 100%;
}
body {
font: normal 16px "Segoe UI", Arial, sans-serif;
color: #555555;
margin: 0 0 125px;
padding: 25px;
}
form {
height: 100%;
margin: 0;
padding: 0;
}
The result is on this link: http://www.screencast.com/t/8KDAHJQTa
Question is, how could I achieve something like this ? http://mystrd.at/data/sticky_footer.html
Thank you for your advice and help.
Best regards
Vasssek