[RESOLVED] Inserting a Label at the bottom of the screen!

**blakemckenna** · Aug 9th, 2011, 12:07 PM

I have a Web page that is a MasterPage. On this masterpage, I have an asp:Label control at the bottom of the markup. What I'm trying to attempt is have this label be fixed at the bottom of the screen. It's going to be used to display messages. I saw an example of this once using CSS but forget how to do it. Does anyone know how to accomplish this and if so, what is the best method?

Thanks,

**rj_yan31** · Aug 10th, 2011, 03:03 AM

i dont really understand the question, if i am not mistaken what u mean is like this:

Code:

<html>
<head>
<style type="text/css">
body 
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom;
}
</style>
</head>

<body>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
<p>The background-image is fixed. Try to scroll down the page.</p><br><br>
</body>

try running that code and look for a picture and save it as 'smiley.gif' you can see that the background is on fixed position, tell me if what you mean is like that. hope it helps

**blakemckenna** · Aug 10th, 2011, 08:59 AM

Actually, I think that would work. I just need to apply that style to an asp:Label control. I'm sure that's possible...right?

**rj_yan31** · Aug 10th, 2011, 06:10 PM

so that's what you mean. yes, it is possible.

**blakemckenna** · Aug 11th, 2011, 08:53 AM

I tried using the CSS attributes that you showed and I can't get them to work. How would I do this for an asp:Label control?

Thanks,

**kows** · Aug 11th, 2011, 10:12 AM

Do you want the label to always be on the bottom of the page? If yes, then the CSS used above won't do much. All it does is apply a background at the bottom of the <body> tag. You'll need to position the element itself at the bottom of the page if you want the label always down there.

Try something like this:

Code:

<style type="text/css">
  .bottomLabel {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
  }
</style>

<asp:Label CssClass="bottomLabel" Text="This is a test" />

**blakemckenna** · Aug 11th, 2011, 10:17 AM

Kows,

That's exactly what I was looking for. Thanks for your help!

Thread: [RESOLVED] Inserting a Label at the bottom of the screen!

Thread Tools

Display

[RESOLVED] Inserting a Label at the bottom of the screen!

Re: Inserting a Label at the bottom of the screen!

Re: Inserting a Label at the bottom of the screen!

Re: Inserting a Label at the bottom of the screen!

Re: Inserting a Label at the bottom of the screen!

Re: Inserting a Label at the bottom of the screen!

Re: Inserting a Label at the bottom of the screen!

Posting Permissions