Multiple images tiling when content isn't scrolling

Question

Lookin' for some help here. I'm trying to use style sheets to
have more than one image tile off the page when the content is not
scrolling. Here is my current style sheet, and I'll explain:
html {
background-image: url(images/background.gif);
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background:url(images/bgBody.gif) repeat-y;
background-position: center top;
When there is not enough content in the body to make it
scroll in a browser window, the image I've set to tile in the
background of the body tag does not tile all the way to the bottom
of the screen (
see
example here). I'm trying to make it so that both the image
I've set for the html tag and body tag tile off the page no matter
how much content there is (
see
example here, disregarding the scrollbar on the side). Any help
or thoughts would be greatly appreciated.

Answer 1

You have a event queue related Problem. Any Event is posted to the event queue and handled by one special event handling thread. So your actionPerformed is executed by this thread too. repaint() does no repaint at all but puts a request for a call to the paint method to the event queue. Both requests are executed, but this is done after the actionPerformed ended. Then the next event can be handled which is a repaint request.
You only can solve this by using Multithreading for your calculations. Do not execute them inside the actionPerformed Method.