A Simple Vertical News Scroller

 

tag:
 
left:800.0px;
top:1.0px;
position:ABSOLUTE;
 
preferably after the line:
 
height:150.0px;
 
You may compute the inner width of your browser and assign the left & top position of the Container, like:
 
var innerWidth=window.screen.availWidth;
var innerHeight=window.screen.availHeight;
 
window.container.style.posLeft=innerWidth - 150;
window.container.style.posTop=innerHeight - 250;
 
in the Script tag mentioned in the sample, along with the other Variable declarations.
 
Ans to Q2: If you want to move the news horizontally, then you need to change the scrollNews() function to look something like the following and change the 'step' and 'diff' variables to :
 
var step=parseFloat(window.container.style.posLeft)+parseFloat(window.container.style.posWidth);
var diff=(window.news.style.left-window.news.scrollWidth);
 
function scrollnews()
{
window.news.style.left = step;
step-=2;
if((parseFloat(window.news.style.posleft))<=diff)
{

 
step=parseFloat(window.container.style.posLeft)+parseFloat(window.container.style.posWidth);
}
}
 
However make sure that the news that you put in, is visible completely through the container, or the content will get clipped off. For multiple chunks of news material, you may use a table within the 'news'