[jQuery] jQuery Interface - Multiple Windows (Chrome/Safari problems...)
Hi all, I'm fairly new to jQuery (and CSS, come to think of it!), so this question might have a very simple fix, but I'm at my wits end with two browsers (Google Chrome Safari [both on PC]). I'm using the Interface plugin (http://interface.eyecon.ro/). The site in question is here: http://www.deadredhour.com/temp/sandbox/skinning.html CSS here: http://www.deadredhour.com/temp/sandbox/wEXAMPLEindows.css In Firefox 3, IE 7 and Opera 9.5, everything's all okay. I've managed to get multiple windows to open, depending on what link is clicked at the bottom of the page, each one is draggable, resizable and can be rolled up and down. Some positioning in the CSS still needs to be amended, of course, but it's still early days! Moving into Chrome and Safari, a few bugs have appeared. Mainly that when more than one window is open, instead of stacking on-top/behind each other, they stack vertically, ending up with some being off the page. Then when some are rolled up, the windows below it move vertically upwards also. On closing a window (with multiple windows open), the windows that remain open jump to a seemingly random position on the page... I have a feeling that it's a CSS-based issue, but it's incredibly perplexing. Any help on this would be very welcome indeed. Let me know if code samples or any further info is needed. Thanks in advance, Luke.
[jQuery] jQuery Interface - Multiple Windows (Chrome/Safari problems...)
Hi all, I'm fairly new to jQuery (and CSS, come to think of it!), so this question might have a very simple fix, but I'm at my wits end with two browsers (Google Chrome Safari [both on PC]). I'm using the Interface plugin (http://interface.eyecon.ro/). The site in question is here: http://www.deadredhour.com/temp/sandbox/skinning.html CSS here: http://www.deadredhour.com/temp/sandbox/wEXAMPLEindows.css In Firefox 3, IE 7 and Opera 9.5, everything's all okay. I've managed to get multiple windows to open, depending on what link is clicked at the bottom of the page, each one is draggable, resizable and can be rolled up and down. Some positioning in the CSS still needs to be amended, of course, but it's still early days! Moving into Chrome and Safari, a few bugs have appeared. Mainly that when more than one window is open, instead of stacking on-top/behind each other, they stack vertically, ending up with some being off the page. Then when some are rolled up, the windows below it move vertically upwards also. On closing a window (with multiple windows open), the windows that remain open jump to a seemingly random position on the page... I have a feeling that it's a CSS-based issue, but it's incredibly perplexing. Any help on this would be very welcome indeed. Let me know if code samples or any further info is needed. Thanks in advance, Luke.
