...

View Full Version : Some absolute positioning help



brazenskies
05-15-2009, 10:20 AM
I'm typically having some problems with IE.

I have 3 absolutely positioned, draggable divs that sit on the right hand side of a container.

In Firefox when you resize the window the 3 draggable layers sit in the correct position, 10 pixels from the right of the map container. In IE they dont move with the container and fall off the edge of the screen, prompting the user to have to scroll right to find them again!

Any ideas how I can fix this?

Page here (http://mapsinternational.co.uk/mapstudio/default1.asp)
Stylesheet here (http://mapsinternational.co.uk/mapstudio/css/global.css)

The map area layer is called 'map' and the 3 draggable layers are called 'dragger', 'draggerRoute', 'draggerLearn'

Thanks in advance!

abduraooft
05-15-2009, 10:53 AM
Not a good solution, but reloading the page on resize makes it OK in IE. So, just add

<script type="text/javascript">
window.onresize=function(){
if(document.attachEvent)
window.location=window.location;
}
</script> inside your <head>

PS: remove width:100%; from #mapTop to align left and right columns inline in IE(6)

brazenskies
05-15-2009, 11:00 AM
Not a good solution, but reloading the page on resize makes it OK in IE. So, just add

<script type="text/javascript">
window.onresize=function(){
if(document.attachEvent)
window.location=window.location;
}
</script> inside your <head>

PS: remove width:100%; from #mapTop to align left and right columns inline in IE(6)

Reloading isn't really an option as a lot of parameters required are of user input. Would be a bit frustrating if you had made a few choices and then the page suddenly reloaded!

On a side note, I don't have IE6 handy to test, but removing that 100% also solved another problem I had of a rougue pixel! Thanks. (Also I know that I need to sort out a png fix for IE6, it's on my list!)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum