- Posts: 4
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Frontpage Slideshow
- FPSS 3.0.2 z-index problem - Problem with IE compatibility mode
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.
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
- Topic Author
- Offline
- New Member
Less
More
13 years 3 weeks ago #43906
by Dimitrios Hrissanthou
FPSS 3.0.2 z-index problem - Problem with IE compatibility mode was created 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:
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
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.
- Katia
- Offline
- Platinum Member
Less
More
- Posts: 4696
13 years 3 weeks ago #43907
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: FPSS 3.0.2 z-index problem - Problem with IE compatibility mode
Could you be more specific about the problem you are facing?
FPSS works fine in Firefox and IE...
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.
- Forum
- Commercial Joomla Extensions & Templates
- Frontpage Slideshow
- FPSS 3.0.2 z-index problem - Problem with IE compatibility mode