Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   sliding panel plugin and ie css issue (http://forum.bytesforall.com/showthread.php?t=2249)

bushtool Jul 3, 2009 03:11 PM

sliding panel plugin and ie css issue
 
Just installed the sliding panel plugin and everything works fine except that in IE, the pulldown tab and the sliding panel show up way to the right and off of the page in the header.

The sliding panel and tab show up fine in firefox and chrome.

The site is www.d4v.org

Do not know if this is an Athualpa theme issue or the css from the plugin issue:

The CSS that controls the sliding panel is below. I am guessing that the problem may be caused by "#sliding-panel-container" but I am clueless on a fix.

Your help is appreciated.

Code:

/*sliding panel
覧覧覧覧覧覧覧覧覧覧 */
/* Extra div to handle some IE scenarios with absolute positioning. */
#sliding-panel-container {
        position: relative;
        display: table;
        z-index: 999;
        width: 100%;
        }

/* Sliding panel. */
#sliding-panel {
        position: absolute;
        top: 0;
        z-index: 999;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        }

/* The part of the panel that actually slides. */
#sliding-panel .panel {
        overflow: hidden;
        display: none;
        position: relative;
        z-index: 10;
        width: 100%;
        height: 430px;
        background: #040D12;
        }

/* Widget container. */
#sliding-panel .panel-content {
        overflow: hidden;
        width: 960px;
        height: 429px;
        margin: 5px auto;
        padding: 0;
        text-align: left;
        border-left: 1px dashed #333;
        }

/* Sliding panel widgets. */
#sliding-panel .widget {
        overflow: hidden;
        float: left;
        width: 309px;
        height:428px;
        margin: 0;
        padding: 0 5px;
        font: normal normal normal 14px/21px Georgia, Times, 'Times New Roman', serif

!important;
        color: #eee;
        background: transparent;
        border: none;
        border-right: 1px dashed #333;
        }
#sliding-panel .widget-inside {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
        }

/* Sliding panel widget titles. */
#sliding-panel .widget-title {
        margin: 0 0 5px 0;
        padding: 0;
        font: normal normal bold 18px/21px Arial, Verdana, sans-serif !important;
        color: #999;
        text-transform: none;
        background: transparent;
        border: none;
        }

/* Sliding panel widget lists. */
#sliding-panel .widget ul {
        margin: 0 0 10px 20px;
        list-style: square;
        }
#sliding-panel .widget ul li {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
        }

/* Sliding panel widget links. */
#sliding-panel .widget a {
       
        color: #eee;
        text-decoration: none;
        }
#sliding-panel .widget a:hover {
        text-decoration: underline;
        }

/* Toggle div wrapper. */
#sliding-panel .tab {
        position: relative;
        top: 0;
        z-index: 9999;
        height: 37px;
       
        }

/* Wrapper for the open/close button. */
#sliding-panel .tab .toggle {
          clear: both;
        display: block;
        position: relative;
        width: 960px;
        height: 35px;
        line-height: 35px;
        margin: 0 auto;
        }

/* Open/close link. */
#sliding-panel .tab a {
        display: block;
        float: right;
        position: relative;
        width: 65px;
        height: 30px;
        top: -1px;
        margin: 00;
        padding: 0;
        font: normal normal bold 12px/33px Georgia, Times, 'Times New Roman', serif

!important;
        color: #fff;
          border: 1px dashed #ccc;
        background: #0800F2;
        text-align: center;
        }

/* Open link. */
#sliding-panel .tab a.open {
        color: #fff;
        }

/* Close link. */
#sliding-panel .tab a.close {
        color: #fff;
        }

/* Open/close link hover. */
#sliding-panel .tab a:hover {
        color: #fff;
        cursor: pointer;
        text-decoration: underline;
        }

/* Open/close link array (&urarr;). */
#sliding-panel .tab a .arrow {
        font-style: normal;
        }


juggledad Jul 6, 2009 07:52 AM

1) have you tried it with the default theme to see it it is an Atahualpa issue
2) have you tried it with all other plugins removed

bushtool Jul 6, 2009 09:52 AM

totally confused
 
I installed the sliding panel plugin on a test site of mine, www.democracyforvoters.org.

Uninstalled all the plugins except the sliding panel plugin. Installed it exactly the same way as the www.democracyforvancouver.org website (on which it works) and it does not work at all, not in firefox, chrome or ie.

So it appears one of my other plugins may be causing it to work! Although somehow I doubt this.

Absent this new anomaly, I do think the problem on my www.democracyforvancouver.org site is caused by an IE layout problem of which I have read about. But I do not have a clue how to resolve this.


All times are GMT -6. The time now is 03:15 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.