Question

trying to implement a dialog-box style behaviour using a separate div section with all the stuff inside it.

When the ‘dialog box’ needs to be shown, it has to display at the center of the WINDOW, not in the center of the page, that is, REGARDLESS of the scroling position. Furthermore, the correct solution will not move the ‘dialog box’ if the user scrolls the page.

In Chrome and FF this works using position=’fixed’ and centering the div in the intuitive way.

This does not seem to work in IE6 (apparently fixed is not supported there).

Any ideas?

Answer 1

If I were you I would do it using jQuery and I would suggest you try it out too. This should fit perfectly for jQuery based solution [jQuery Version][1] or try out

body {      font: 80% verdana, arial, helvetica, sans-serif;             text-align: center; /* for IE */     }     #container {             margin: 0 auto;   /* align for good browsers */              text-align: left; /* counter the body center */     border: 2px solid #000;              width: 80%;      }