Internet Explorer problem.
I struggled building a master detail thing and centring pages in the browser.
I solved the problems on a Mac:
To display the detail page in a separate window I set the hyperlink's target and url property and added the following code between the <ui:head> and its closing tag of the details page.
<script type=攖ext/javascript?gt;
window.onload = resizeWindow()
function resizeWindow() {
window.resize(576, 432)
window.moveTo((.5 * screen.width) ?288), (.5 * screen.height) ?216)
}
To centre pages in a browser I added the following code to the <ui:body> tag, after style="-rave-layout: grid...
? position: absolute; left: 50%; width: 780px; margin-left: -390px?gt;
These two bits of code worked well in Safari on the Mac. However, when I tested my app on a windows machine, the centring bit worked fine in Firefox and Opera, not in IE. the resizing and moving bit did not work in any off the browser on the windows machine.
I tried Tor's solution, and added .centreForm to my css and added centreForm as a styleclass to the Form in the Body, this centres the pages in IE, however, causes my ajax auto complete textfield to fall apart in two pieces.
Anyone any ideas of how to fix all these problems and get my app running on a windows machine as smoothly as it runs on my Mac?
Kind Regards,
Annet.
Message was edited by:
JagX
