Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

FPSS 3.0.2 z-index problem - Problem with IE compatibility mode

  • Dimitrios Hrissanthou
  • Dimitrios Hrissanthou's Avatar Topic Author
  • Offline
  • New Member
More
13 years 3 weeks ago #43906 by Dimitrios Hrissanthou
Hi all.

I read about the problem of z-index declaration in earlier versions of FPSS.
But its still here with version 3.0.2.

The declaration of z-index is causing still a problem on my site (each time the slide changes to the next message) and gets ignored by FF. It's also on IE8. Causing the site (startpage) to slow down a bit.

Installed: FPSS 3.0.2
Joomla: 1.5.24
MySQL Version 5.0.9.1
PHP Version 5.2.17


Link: www.letsbuetz.de/buetz


Here is the template.css.php:
<?php
if(!isset($fpssTemplateIncluded)){
	header("Content-type: text/css; charset: utf-8");
	$width = (int) $_GET['width'];
	$height = (int) $_GET['height'];
	$sidebarWidth = (int) $_GET['sidebarWidth'];
	$thumbnailViewportWidth = (int) $_GET['thumbnailViewportWidth'];
	$thumbnailViewportHeight = (int) $_GET['thumbnailViewportHeight'];
	$timer = (bool) $_GET['timer'];
	$mid = (int) $_GET['mid'];
}
?>
/**
 * @version		$Id: template.css.php 670 2011-09-19 15:35:24Z joomlaworks $
 * @package		Frontpage Slideshow
 * @author    JoomlaWorks - https://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2011 JoomlaWorks Ltd. All rights reserved.
 * @license		Commercial - This code cannot be redistributed without permission from JoomlaWorks Ltd.
 */

/* --- Slideshow Container --- */
#fpssContainer<?php echo $mid; ?>.fpss-template-movies {position:relative;width:<?php echo $width+$sidebarWidth; ?>px;height:<?php echo $height; ?>px;margin:8px auto;border:1px solid #999;padding:2px;overflow:hidden;font-family: Arial, Helvetica, Verdana, sans-serif;}

/* --- Loader --- */
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .slide-loading {position:absolute;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;background:#000 url(../images/loading_black.gif) no-repeat center center;z-index:100;}

/* --- Timer (progress bar) --- */
<?php if($timer): ?>
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer {position:absolute;bottom:2px;left:2px;right:<?php echo $sidebarWidth+2; ?>px;z-index:101;}
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer .fpssTimer {width:0;clear:both;height:6px;background-color:#b30000;}
<?php else: ?>
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer,
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer .fpssTimer {display:none;}
<?php endif; ?>

/* --- Slide Containers --- */
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .slides-wrapper {width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;margin:0;padding:0;float:left;position:relative;overflow:hidden;background:#000;}
.fpss-template-movies .slides-wrapper .slides {}
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .slide {width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;overflow:hidden;list-style:none;}
.fpss-template-movies .slidetext {position:absolute;top:200px;left:10px;width:60%;height:<?php echo $height; ?>px;margin:0;padding:0 8px;background:none;z-index:1;}

/* --- Slide Content --- */
.fpss-template-movies .slidetext h1 {padding:20px 0 2px;}
.fpss-template-movies .slidetext h1,
.fpss-template-movies .slidetext h1 a {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:28px;line-height:120%;margin:0;color:#000;}
.fpss-template-movies .slidetext h1 a {padding:0;}
.fpss-template-movies .slidetext h1 a:hover {color:#c00;text-decoration:none;}
.fpss-template-movies .slidetext h2 {font-size:11px;margin:0;padding:0;color:#bbb;font-weight:normal;}
.fpss-template-movies .slidetext h3 {font-size:11px;margin:0 0 4px 0;padding:0;display:none;}
.fpss-template-movies .slidetext h4 {font-size:11px;margin:0;padding:0;color:#999;font-style:italic;}
.fpss-template-movies .slidetext p {margin:0;padding:8px 0;background:url(../images/dotted.gif) repeat-x bottom;color:#fff;}
.fpss-template-movies .slidetext a.fpssReadMore {position:absolute;left:8px;bottom:12px;width:100px;margin:0;padding:6px 0 6px 12px;background:url(../images/readmore.png) no-repeat;color:#fff;border:none;text-decoration:none;}
.fpss-template-movies .slidetext a.fpssReadMore:hover {background:url(../images/readmore-hover.png) no-repeat;color:#fff;text-decoration:none;}

/* --- Navigation --- */
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation-wrapper {width:<?php echo $sidebarWidth; ?>px;height:<?php echo $height-2; ?>px;margin:0;padding:0;float:left;overflow-x:hidden;overflow-y:hidden;background:#000;border-top:1px solid #999;border-bottom:1px solid #999;}
.fpss-template-movies .navigation {list-style:none;margin:0;padding:0;}
.fpss-template-movies .navigation li {background:#000 repeat-x 0 100%;z-index:7;}
.fpss-template-movies .navigation li.active,
.fpss-template-movies .navigation li:hover,
.fpss-template-movies .navigation-background {background:#b30000 repeat-x bottom;}
.fpss-template-movies .navigation-background {border:0;position:absolute;z-index:8;}
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button a {display:block;padding:4px 12px;text-decoration:none;font-size:11px;color:#000;position:relative;z-index:9;height:<?php echo $thumbnailViewportHeight+14; ?>px;overflow:hidden;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;}
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.active a,
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button a:hover {border-top:1px solid #6a6a6a;}
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button:first-child a {border-top:0;}
#fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation-thumbnail {float:left;width:<?php echo $thumbnailViewportWidth; ?>px;height:<?php echo $thumbnailViewportHeight; ?>px;margin:2px 8px 0 0;overflow:hidden;border:2px solid #222;background-position:50% 50%;}
.fpss-template-movies .navigation-info {clear:right;vertical-align:top;}
.fpss-template-movies .navigation-title {color:#fff;display:block;font-size:14px;font-weight:bold;line-height:14px;margin:0;padding:0;vertical-align:top;}
.fpss-template-movies .navigation-tagline {color:#fff;font-size:13px;line-height:16px;margin:0;padding:0;vertical-align:top;}

/* --- Generic Styling (highly recommended) --- */
.fpss-template-movies a {cursor:pointer;}
.fpss-template-movies a:active,
.fpss-template-movies a:focus {outline:0;outline:expression(hideFocus='true');}
.fpss-template-movies img {border:none;}
.fpss-template-movies .slidetext img,
.fpss-template-movies .slidetext p img {display:none;}
.fpss-clr {clear:both;float:none;height:0;line-height:0;margin:0;padding:0;border:0;}

/* --- IE Specific Styling (use body.fpssIsIE6, body.fpssIsIE7, body.fpssIsIE8 to target specific IEs) --- */
body.fpssIsIE6 .fpss-template-movies .navigation-thumbnail {position:relative;z-index:9;}

body.fpssIsIE6 .fpss-clr,
body.fpssIsIE7 .fpss-clr {display:none;}

/* --- End of stylesheet --- */

oh, and running my site in 'compatibility mode' causes the left side of FPSS to be centered in the middle of the box and the time bar runs to the left and right.

Any suggestions or help in solving those two problems?

Thanks a lot. Greets, Dimi

Please Log in or Create an account to join the conversation.

More
13 years 3 weeks ago #43907 by Katia
Could you be more specific about the problem you are facing?
FPSS works fine in Firefox and IE...

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum