dwax
asked on
Css issues with IE7 : alignment and gets hidden
I am running into problems with css in IE7. It works in Firefox, Chrome, Opera and IE8,
but IE7 makes a mess out of it. The button is not aligned 50% from top and right at 0.
And it hides itself under the div that has the visibility changed.
Does any of you know what's the problem is?
The url is: http://www.derekscholte.nl/dev/client_index_v14.php
IE6 makes even a bigger mess of it, is suspect it just doesn't support
all the css, any advice on this?
Another note: Chrome and Opera show a white flickr in the main div, it looks like
it takes a while for the div or the overall iframe to become transparent? Any thoughts on this?
but IE7 makes a mess out of it. The button is not aligned 50% from top and right at 0.
And it hides itself under the div that has the visibility changed.
Does any of you know what's the problem is?
The url is: http://www.derekscholte.nl/dev/client_index_v14.php
IE6 makes even a bigger mess of it, is suspect it just doesn't support
all the css, any advice on this?
Another note: Chrome and Opera show a white flickr in the main div, it looks like
it takes a while for the div or the overall iframe to become transparent? Any thoughts on this?
ASKER
Thanks for your reply.
I don't understand what the height and width of the divs have to do with the wrong alignment in IE7?
And the div that holds the button has the highest z-index possible.
I have to do this in an iframe other wise I will run into cross-domain issues.
I don't understand what the height and width of the divs have to do with the wrong alignment in IE7?
And the div that holds the button has the highest z-index possible.
I have to do this in an iframe other wise I will run into cross-domain issues.
ASKER
About the z-index: I've google it a bit more and it looks like there is a bug in IE7 regarding to handling z-index.
The trick should be giving the parent element a higher z-index then the child...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
On a side note, why are you doing this via an iframe? It seems like something that can be easily done with just the floating div.