Div overlay on Window OS browsers debugging WordPress

• SOLVED

Hi there,

We have had reports that the div closingprices was showing up below the Slider on IE and Chrome on Windows.
It is the Closing Prices on the Right of the Slider on the Homepage.

URL attached as image.

This is the current css:

.closingprices {
width:200px;
height:230px;
min-height:0;
overflow:hidden;
float:right;
position:relative;
font-size: 12px;
color: #41ad49;
margin: 0 23px 0 -150px;
top:-280px;
letter-spacing: 0.2px;
font-weight: normal;
z-index: 100;
}

This was what I had before:

/*.closingprices {
width:200px;
float:right;
position:relative;
font-size: 12px;
color: #41ad49;
margin: -280px 23px 0 0;
letter-spacing: 0.2px;
font-weight: normal;
z-index: 100;
} */

This needs to work on PC and Mac across all Browsers.

Many Thanks

Answers (2)

2012-09-19

Marko Nikolic answers:

Hello,

increase z-index to 201 (or more), and it should be working.

Thanks



You are welcome.

Well, it worked on Chrome even before, IE 9 works fine now, IE 8 as well. IE6 and 7 show a lot of JS errors, but "Closing prices" area is on the top. I used IE tester program to test earlier versions of IE.

As I said, it was working on Chrome before changes were made.


You have a div with class "layersliderouter" that has z-index: 200; -- that's probably the issue here, so it shouldn't make anymore troubles.

Thanks

---

jimspankling comments:

thanks for your quick response. I have changed the z-index to 210. Please could you check.

2012-09-19

Arnav Joy answers:

you want to hide the closing price div behind the slider?

---

jimspankling comments:

no not hide behind.
make sure it sits ontop of the slider on all OS and Browsers.