Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

sliding panel plugin and ie css issue


  #1  
Old Jul 3, 2009, 04:11 PM
bushtool's Avatar
bushtool
 
93 posts · May 2009
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;
	}
  #2  
Old Jul 6, 2009, 08:52 AM
juggledad's Avatar
juggledad
 
23,551 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 6, 2009, 10:52 AM
bushtool's Avatar
bushtool
 
93 posts · May 2009
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.

Bookmarks

Tags
css, formatting, header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Trouble styling calendar plugin--ATA over-riding CSS? paulae Plugins & Atahualpa 7 Jul 18, 2009 05:44 PM
Removing Page Title from centre panel mynot Atahualpa 3 Wordpress theme 1 Jun 25, 2009 08:39 PM
Nifty plugin, need CSS advice for it paulae Excerpts, Read more, Pagination 2 Apr 5, 2009 09:27 PM
Having trouble with the "now reading" plugin displaying pictures... widget CSS jmesax Sidebars & Widgets 3 Mar 29, 2009 12:44 AM
sliding doors header: how? sb158 Header configuration & styling 2 Mar 5, 2009 07:09 PM


All times are GMT -6. The time now is 04:12 PM.


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