Prev: HttpContext.Current.User returns old user id
Next: How will the Footer div stick to bottom of screen?
From: Biranchi Narayan Panda on 17 Feb 2010 01:53
I've used CSS for my website:
***



<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
</style>
</head>
<body>
<form id="form1" runat="server">
<center>
<div class="container">
<div class="header">
. . .
. . .
<div class="menubar">
<asp:ContentPlaceHolder ID="MenuContentPlaceHolder"
runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
. . .
. . .

. . .

<div class="footer">
<br />
<br />
</div>
</div>
</center>
</form>
</body>
</html>









***
<style>
.style1 {. . .}
.header {. . .}
.footer
{
background-image: url('images/bottomslice.png');
background-repeat: repeat-x;
background-position: bottom;
}
</style>

<body >
<div class=style1>

<div class=container>
<div class=header></div>

body...
body...
body...

<div class=footer></div>
</div>
</div>
</body>
***

I want the footer to stick to the bottom of the screen, irrespective of
screen size and body contents.

How can I achieve this? Please help with a small example.


Thanks

From: Biranchi Narayan Panda on 17 Feb 2010 02:09
Please ignore these questions. couldn't frame question properly
From: Alexey Smirnov on 17 Feb 2010 02:51
On Feb 17, 8:09 am, "Biranchi Narayan Panda"
<biranchi_pa...(a)hotmail.com> wrote:
> Please ignore these questions. couldn't frame question properly

For example you can set an absolute position to pull the div element
out of the flow of the document and set it to the bottom

..footer
{
position: absolute;
bottom: 0;
width: 100%;
}
 | 
Pages: 1
Prev: HttpContext.Current.User returns old user id
Next: How will the Footer div stick to bottom of screen?