Help placing an image at the bottom of the screen

**liltaper08** · 01-05-2009 10:03 PM

I was using css to put a paypal donate image at the end of my website

img.paypal
{
position:absolute;
left:740px;
bottom:-60px
}

There seems to be an easier way to just make it always appear at the bottom instead of typing in different pixel numbers and seeing where it will go

**supajason** · 01-06-2009 07:36 AM

what about this?

HTML Code:

<html>
<head>
<style type="text/css">
body
{
background-image: url("PICTURE.GIF");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>

<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
</body>
</html>

**freecrm** · 01-06-2009 11:26 AM

Originally Posted by supajason

what about this?

HTML Code:

<html>
<head>
<style type="text/css">
body
{
background-image: url("PICTURE.GIF");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
</style>
</head>
<body>
 
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
 
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
<p>Some text.</p>
</body>
</html>

Isn't this just putting in a fixed background image? i.e. the text will flow over the top of it and it needs to be the same size as the browser window (which is never constant).

I can't understand what the problem is here. Surely, if you want the image placed at the base of each page, the css placement would be bottom: 0;

Or am I missing something?

**liltaper08** · 01-06-2009 04:57 PM

evertime i do it gets a lil weird

maybe its the server ad the webhost added at the top of the page..it seems to throw everything off

**freecrm** · 01-07-2009 11:42 AM

Shouldn't be a problem with absolute positioning unless it conflicts with something else.

Try changing the z-index: to see if anything overlaps.

**$username** · 01-08-2009 05:32 AM

I used the code from here to make something very similar to what you are trying. You can check my webpage and see my footer. But if you used tables rather than divs I don't know if it helps.

Thread: Help placing an image at the bottom of the screen

LinkBack

Thread Tools

Display

Help placing an image at the bottom of the screen

Re: Help placing an image at the bottom of the screen

Re: Help placing an image at the bottom of the screen

Re: Help placing an image at the bottom of the screen

Re: Help placing an image at the bottom of the screen

Re: Help placing an image at the bottom of the screen

Similar Threads

Paying 550 credits for flash background with imagebg, 1 image link and bottom bar.

errors while attaching

November Desktop

Photoshop Tutorials

Placing ads on 4images image gallery

Tags for this Thread

Posting Permissions