title: How to make html text scroll when div size exceeded?
body: <p>I have an html page that is displayed on a television screen sort of like digital signage. Because of this, everything that is on the page has to be displayed without any user input. I have some records stored in a mySQL database that are displayed in a list format and what I would like to do is when the list gets to big to be displayed, it scrolls up (maybe one line at a time) similar to how a scrolling marquee works.</p>
  
  <p>My ideas on how to do this are fragmented at best, I was hoping someone could point me in the right direction.</p>
  
  <p>btw, I know using the marquee tag is "evil" to a lot of developers, however in this case because there is no user input, I don't see any other way.</p>
  
  <p>Edit: What I had in mind was to somehow get the div height and then use an if statement to trigger a marquee when the height exceeds a predetermined size.</p>
  
  <p>Edit: Here is what I've got so far, using JavaScript to figure out the div height...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function divHeight()
  {
    var height = document.getElementById("list").offsetHeight;
  
    if (height &gt; 500)
    {
    activate marquee effect.
    return;
    }
    else
    {
    don't activate marquee effect.
    return;
    }
  
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Then...</p>
  
  <pre><code>&lt;body onLoad="divHeight()"&gt;
  &lt;div id="list"&gt;
  my list goes here
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>