Home/ Questions/Q 7584411
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T18:54:51+00:00

I have a div showing Please wait. The markup for the div is <div

  • 0

I have a div showing “Please wait”. The markup for the div is

<div id="pleaseWait" class="divOuterPleaseWait" style="left:expression((documentElement.clientWidth-this.offsetWidth)/2);top:expression(documentElement.scrollTop+((documentElement.clientHeight-this.clientHeight)/2 ));">Please Wait...</div>

This is working fine with IE7. In IE7 the div is show at the center of the page. But excepted behariour is not optained in other browsers (ie. IE8,IE9,FireFox,Google Chrome etc). What should i give to get this working in all browsers? Also can I move the inline style to the my CSS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See this SO answer, or this jsfiddle (press the ‘confirm’ button). The css you showed in your question is browser specific (especially: IE). In javascript you can center an element by determining the ‘viewport’ dimensions (height/width of the available screen) and position your element relative to those dimension. The links here demonstrate a way to do that.

    • 0