How can I do this?

Josh-H · 28-07-2006, 11:04 AM

It is javascript, I am not sure of the exact code but try www.dynamicdrive.com

Luckyrare · 28-07-2006, 11:08 AM

Javascript can be used for this...

But you could just put the image code before closing body tag... Make the bottom margin 0px

margin-bottom: 0px;

This should work...

Halting · 28-07-2006, 01:05 PM

But it would put it at the bottom of all yourf content, not nessecarily at the bottom of the browser.

For example:-

CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTC ONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCO NTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCON TENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONT ENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTE NTCONTENTCONTENTCONTENT
IMAGE HERE

This would be its output.

But I need it at the bottom of the browser, like so:-

CONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTC ONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCO NTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCON TENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONT ENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTE NTCONTENTCONTENTCONTENTCONTENTCONTENTCONTENTCONTEN TCONTENTCONTENTCONTENT

IMAGE HERE
---------------------------------------------

Impossible · 28-07-2006, 01:39 PM

You mean like when people have navigation what follows the screen?

Halting · 28-07-2006, 02:11 PM

I've tired using a code similiar to that:-

HTML Code:

<html><body>
<style type="text/css">
body {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
</style>
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<table width="100%" background="images/fire_bbg.PNG" height="96px">
  <tr>
   <td></td>
  </tr>
</table>
</layer>
<script type="text/javascript">
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
	var startX = 0,
	startY = 96;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : document.body.scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft(), 0");
	}
	ftlObj = ml("divStayTopLeft");
	stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
</body>
</html>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

That's just a page I put together to test our the javascript, it stays at the bottom but you can see it flowing down and it has a delay of about 1 second which I can't figure out how to remove.

Thread: How can I do this?

Thread Tools

Posting Permissions