We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

chat box hides behind video

COwebmaster
COwebmaster asked
on
Medium Priority
412 Views
Last Modified: 2012-05-11
I have a chat box on my site but in IE 8 and Chrome, the chat box falls behind the home page video on smaller screen sizes. Any way to fix that? the site is candjlighting.com

The chat box should display on top.  It seems to work in Firefox.

If your screen is large, you may not see it but shrink the window and you'll see that it floats under the video on the home page.

It's a wordpress site.
Comment
Watch Question

Quick solution: load the flash video using an iframe.

If this is not an applicable solution, I'll continue through the code searching for the discrepancy. Nothing obvious as of yet.
COwebmasterWeb Manager

Author

Commented:
there's got to be a solution to this I'm sure.  I'll keep looking to.
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
COwebmasterWeb Manager

Author

Commented:
ok, I added that to the css file but it still falls behind that video.  Do I place a div style around that script?
You shouldn't have to. The process of using z-index requires the objects that need place to have the following css properties:

position: relative or absolute
display:block;
z-index" 1-9999 (the higher the number the higher the stacking order).
It can also be effected by the floats. It would take some trial and error. I would try assigning the css styles to the video wrapper and the element you want to be on-top. You could then try absolute, or relative positioning on the #apexchat element. Is that a custom plug-in? If it is standard, I can install it and try to help.
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
COwebmasterWeb Manager

Author

Commented:
that worked!, thanks!
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.