www.webdeveloper.com
Results 1 to 2 of 2

Thread: jQuery Slide Panel not showing properly in IE

Threaded View

  1. #1
    Join Date
    Jan 2009
    Posts
    7

    Exclamation jQuery Slide Panel not showing properly in IE

    Hello, I'm using this jQuery sliding panel in my SunShop shopping cart:

    Simple Slide Panel

    When user clicks, a form slides up and they can fill it out and everything works.

    In Firefox, this works fine. Everything shows up where its suppose to, "slide" button pops up where it needs - in the right bottom corner and form pops up there also. It stays there while the rest of the page is scrollable.

    Now, my problems come in in IE. Slide button pops up in a center of the page, and when user clicks on it, form slides out on the left of the window, instead of the right.

    Anyone has an idea on how to fix that in IE?

    I think my problem is in CSS, but I can't pinpoint it.

    Below is a sample of the CSS:
    Code:
    #panel {
    	background: #ffffff;
    	height: auto;
    	width: 205px;
    	display: none;
    	border:solid 1px #999999;
    }
    .slide {
    	margin: 0;
    	padding: 0;
    	background: url(/img/qk_qt.gif) no-repeat center top;
    }
    .btn-slide {
    	background: url(/img/open_close.gif) no-repeat right -40px;
    	text-align: center;
    	width: 210px;
    	height: 35px;
    	padding: 1px 0px;
    	margin: 0 auto;
    	display: block;
    	font: bold 120%/100% Arial, Helvetica, sans-serif;
    	color: #ff0000;
    }
    .active {
    	background-position: right 10px;
    }
    .contact_text_bold {
    	color: black;
    	font: normal normal 11px Tahoma;
    	font-weight: bold;
    }
    .contact_text {
    	color: black;
    	font: normal normal 11px Tahoma;
    }
    .contact_text_small {
    	color: black;
    	font: normal normal 9px Tahoma;
    }
    #qk_qt {
    	display:block;
    	position:fixed;
    	right:0px;
    	bottom:0px;
    	cursor:pointer;
    }
    Thank you in advance.
    Last edited by bootnoob2k8; 04-14-2009 at 01:29 AM.
    Need promotional custom USBs: InscribedUSBs

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles