append loading div to the center of page

[fachhoch]

I display a div indicating the page is loading for all ajax request.

here code to show the div

				    if (!document.getElementById('busy-symbol')) {
				      busySymbol = document.createElement('div');
				      busySymbol.id = 'busy-symbol';

				        var busyLabel  = document.createElement('div');
				        busyLabel.innerHTML = 'Loading ...';
				        busySymbol.appendChild(busyLabel);
                                        document.body.appendChild(busySymbol);

this code display the loading...div always on top of page , I want to display this in the center of page , please tell me how I can do that ?

[qjensen]

Create a div in the middle of your document that will hold the div you are creating on the fly. Nest your div inside the placeholder div when it is added and it will display correctly.

busydiv = document.getElementById('busy-section');
busySymbol = document.createElement('div');
busySymbol.id = 'busy-symbol';

var busyLabel  = document.createElement('div');
busyLabel.innerHTML = 'Loading ...';
busySymbol.appendChild(busyLabel);
busydiv.appendChild(busySymbol);

[fachhoch]

can I float the div with the scrollbar, if I can then I need not worry about position , please sugest me how to float the div along with scroll bar?