Help placing an image at the bottom of the screen

L

liltaper08

New Member
Messages
5
Reaction score
0
Points
0
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

supajason

Member
Messages
288
Reaction score
2
Points
18
what about this?

HTML: 
<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

freecrm

New Member
Messages
629
Reaction score
0
Points
0
supajason said:
what about this?

HTML: 
<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>
Click to expand...

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?
 
L

liltaper08

New Member
Messages
5
Reaction score
0
Points
0
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

freecrm

New Member
Messages
629
Reaction score
0
Points
0
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

$username

New Member
Messages
1
Reaction score
0
Points
0
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.
 
You must log in or register to reply here.
Top