Post by Texas on Nov 26, 2012 7:29:12 GMT -8
Okay so I created a plugin the other day that displays boxes on the left and right of the forum that slide in and out when hovered over. So my problem is that the left on messes up in IE.
I first realized the problem while attempting to add borders to the box, I checked the boxes in IE and realized that the border didn't affect the tab. Which led me to think that I hand't placed the tab INSIDE the box. But when I checked the plugin everything was fine.
I had used cell padding to push the tab 20px out so that when the whole thing slid back, the tab would remain sticking out. However, when I removed this padding the tab still stuck out, but when I removed it on the other side, the whole box slide back out of view.
The way the slide back method works is when the user hovers of the box, the whole box slides out, and when they remove there mouse it slides back. The code knows how far to slide back from the how many pixels the user puts in for the width, thus if the user puts in 100px then the box will slide back 100px and the extra 20px of cell padding makes the tab stick out. But for some reason the left box doesn't obey this rule and wants to mess everything up in IE.
I even tried completely copying all the coding from the right box, and changing the variables to what the left was supposed to be and even that didn't help.
If someone could help me that would be really...helpful.
forum: Here
I know just realized that this literally only happens if the box is on the left side of the screen. If I modify the css to move it over to the right it works perfectly.
I also think I figured out that for some reason the tab has an extra 20px padding on the left, yet when I scoured the coding I couldn't find where it got that from.
