CSS Box 1

[DrySnot]

I am trying to make the background always go down to the bottom of the page.

Using css is there a way to make the image have a variable heights.

I would like the bottom of the image to always be about an inch from the bottom of the page once it scrolls all the way to the bottom.

http://www.drysnot.com

and

http://www.drysnot.com/contact.html

see how on the contacts page it doesn't stretch to the bottom?

Whats that called or how do I do it?

Thanks

DrySnot: Job Forums, Resume Help Forums, and Interview Advice Forums.

 

[Vragabond]

You mean you want your background to stretch the length of the page when the page is longer than the image you're using? No, you cannot do that. You would need to use a repeating background that is just the sides as the background to your main area and then the curved bottom as a footer.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[DrySnot]

Yea thats what I am trying to do like here

http://www.drysnot.com/forums

if I have 1 thread the black box goes to the bottom of the page. If I have 500 threads the same black box will still go all the way to the bottom.

Thanks so much

Can you tell me what that is call or maybe give me a link as to where I might learn how to do it?


DrySnot: Job Forums, Resume Help Forums, and Interview Advice Forums.

 

[Vragabond]

Try this article. The technique would be roughly the same (if not a bit simpler because you need your box to only grow vertically):

http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[DrySnot]

I think I just need to put in class tags or something.

This is what I have so far but the bottombg and topbg are not showing up.

Is there something I have to do to get .headbg and .footerbg to work with my html code?

This is my style sheet

body {
font-family: "Times New Roman", Times, serif;
background-color: #282828;
color: #CCCCCC;
background-image: url(../myimages/middlebg.jpg);
background-repeat: repeat-y;
background-position: center center;
}
.headbg {
background-image: url(../myimages/topbg.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.footerbg {
background-image: url(../myimages/bottombg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

DrySnot: Job Forums, Resume Help Forums, and Interview Advice Forums.

 

[Vragabond]

Yup. You need to put elements with those classes in your html. Try a div at the beginning and at the end.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[DrySnot]

Thanks that got you rock!!!

I got it you can see what I mean if you go to my site

http://www.drysnot.com

Once there click on contacts and you will see how the image stretches.

DrySnot: Job Forums, Resume Help Forums, and Interview Advice Forums.