Jump to content
  • 0

IE8 - скрывает часть контента


iirioterii
 Share

Question

Во остальных всех браузерах отображается нормально, в IE8 зарезает часть контента. Во вложение есть картинка, как это выглядит 2340841m.jpg.

А вот ссылка на сайт: _http://si-print.com/index.php/price

Коды:

index.php

<?php
/*————————————————————————
# "Hot Flashes" Joomla template - November, 2011
# Copyright (C) 2011 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
————————————————————————-*/
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
$template_path = $this->baseurl.'/templates/'.$this->template;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<?php // module states
$showuser1 = $this->countModules('user1');
$showuser2 = $this->countModules('user2');
$showuser3 = $this->countModules('user3');
$showlogo = $this->countModules('logo');
$showleft = $this->countModules('left');
$showright = $this->countModules('right');
$showfooter[1] = $this->countModules('footer1');
$showfooter[2] = $this->countModules('footer2');
$showfooter[3] = $this->countModules('footer3');
$showfooter[4] = $this->countModules('footer4');
$showfooter[5] = $this->countModules('footer5');

$footermodules = 0;
for ($loop = 1; $loop <= 5; $loop += 1) {
if($showfooter[$loop]) { $footermodules++; }
}

?>

<?php // template parameters

$templateWidth = $this->params->get("templateWidth", "960");
$leftColumn = $this->params->get("leftColumn", "172");
$rightColumn = $this->params->get("rightColumn", "172");
$textDirection = $this->params->get("textDirection", "ltr");

$mnuFlshesWidth = $this->params->get("mnuFlshesWidth", "960");
$mnuFlshesHeight = $this->params->get("mnuFlshesHeight", "542");
$mnuFlshesHeightInner = $this->params->get("mnuFlshesHeightInner", "242");
$mnuFlshesItemsTopOffset = $this->params->get("mnuFlshesItemsTopOffset", "450");
$mnuFlshesRootItemsHieght = $this->params->get("mnuFlshesRootItemsHieght", "50");

// footer1-4 modules width
if($footermodules) {
$footer_width = 0;
$footer_width = ($templateWidth - ($footermodules) * 20) / $footermodules;
$footer_width = floor($footer_width);
}

// template style

// check if in parameters
$templateStyle = $this->params->get("templateStyle", "1");

// check if it cookie
if(isset($_COOKIE['Style']))
{
$templateStyle = $_COOKIE['Style'];
}

$templateStyleTest = "";

// check if in link
if (isset($_GET['style'])) {
$templateStyleTest = $_GET['style'];
}

if ($templateStyleTest) {
$templateStyle = $templateStyleTest;
$Month = 2592000 + time();
setcookie("Style", $templateStyle, $Month);
}

if($templateStyle) {

require(YOURBASEPATH."/styles/style".$templateStyle.".php");

}else{

$bodyText = $this->params->get("bodyText", "#000000");
$linksColor = $this->params->get("linksColor", "#000000");
$componentHeadingText = $this->params->get("componentHeadingText", "#000000");
$headingText = $this->params->get("headingText", "#000000");
$headingHoverText = $this->params->get("headingHoverText", "#000000");
$bodyBg = $this->params->get("bodyBg", "#fcffdb");
$contentAreaBg = $this->params->get("contentAreaBg", "#FEFFEE");
$contentAreaShadow = $this->params->get("contentAreaShadow", "#b6ba83");
$templateBorderWidth = $this->params->get("templateBorderWidth", "1");
$templateBorderColor = '#'.str_replace('#','',$this->params->get("templateBorderColor", "#CCCCCC"));
$footerText = $this->params->get("footerText", "#AAAAAA");
$mnuFlshesRootItemsColor = '#'.str_replace('#','',$this->params->get("mnuFlshesRootItemsColor", "#DDDDDD"));
$mnuFlshesRootItemsBackground = '#'.str_replace('#','',$this->params->get("mnuFlshesRootItemsBackground", "#333333"));
$mnuFlshesRootItemsHoverColor = '#'.str_replace('#','',$this->params->get("mnuFlshesRootItemsHoverColor", "#DDDDDD"));
$mnuFlshesRootItemsHoverBackground = '#'.str_replace('#','',$this->params->get("mnuFlshesRootItemsHoverBackground", "#333333"));
$mnuFlshesRootItemsFontSize = $this->params->get("mnuFlshesRootItemsFontSize", "14");
$mnuFlshesSubItemsHieght = $this->params->get("mnuFlshesSubItemsHieght", "30");
$mnuFlshesSubItemsColor = '#'.str_replace('#','',$this->params->get("mnuFlshesSubItemsColor", "#FFFFFF"));
$mnuFlshesSubItemsFontSize = $this->params->get("mnuFlshesSubItemsFontSize", "11");
$mnuFlshesSubItemsHoverColor = '#'.str_replace('#','',$this->params->get("mnuFlshesSubItemsHoverColor", "#FFFFFF"));

}
?>

<link href="http://fonts.googleapis.com/css?family=Dancing+Script:700" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700' rel='stylesheet' type='text/css' />
<link href="<?php echo $template_path ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $template_path ?>/css/layout.css" rel="stylesheet" type="text/css" />
<?php if($textDirection=="rtl") { ?>
<link rel="stylesheet" href="<?php echo $template_path; ?>/css/rtl.css" type="text/css" />
<?php } ?>

<style type="text/css">
<!--
<?php require(dirname(__FILE__).DS.'/css/template_css.php'); ?>
-->
</style>

<script type="text/javascript" src="<?php echo $template_path ?>/js/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

<!-- OPERA FIX -->
<script type="text/javascript">
jQuery(document).ready(function(){
if (window.opera) {
jQuery(".content_wrap, .content_wrap_noleft, .content_wrap_noright, .content_wrap_noleft_noright").css('margin-bottom','0');
}
});
</script>

<!-- FLASHES MENU START -->
<?php require(dirname(__FILE__).DS.'/flashes_menu/menu.php'); ?>
<!-- FLASHES MENU END -->

</head>
<body>
<?php if ($showlogo) { ?>
<div class="flashes_logo"><jdoc:include type="modules" name="logo" /></div>
<?php } ?>
<div class="main_container">
<div class="<?php $menu = JSite::getMenu(); if ($menu->getActive() == $menu->getDefault()) { echo "not_"; } ?>interior_page">
<?php if ($showuser3) { ?>
<div id="topmenu">
<div id="topmenu_pad">
<jdoc:include type="modules" name="user3" />
</div>
</div>
<div class="clr"></div>
<?php } ?>
<div class="<?php $menu = JSite::getMenu(); if ($menu->getActive() == $menu->getDefault()) { echo "not_"; } ?>main_area">
<?php if ($showleft) { ?>
<div class="column_left">
<div class="column_left_pad">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php } ?>
<div class="content_wrap<?php if (!$showleft) { echo "_noleft"; } if (!$showright) { echo "_noright"; } ?>">
<div class="content_pad">
<?php if ($showuser1) { ?>
<div class="module_user1">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php } ?>
<div class="article_pad">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<?php if ($showuser2) { ?>
<div class="module_user2">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php } ?>
</div>
</div>
<?php if ($showright) { ?>
<div class="column_right">
<div class="column_right_pad">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
</div>
<?php if ($footermodules) { ?>
<div class="footer_wrap">
<div class="footer_content">
<?php if($showfooter[1]) { ?>
<div class="module_padding <?php if (!$showfooter[2] && !$showfooter[3] && !$showfooter[4] && !$showfooter[5]) { echo "lastmodule"; } ?>">
<jdoc:include type="modules" name="footer1" style="xhtml" />
</div>
<?php } if($showfooter[2]) { ?>
<div class="module_padding <?php if (!$showfooter[3] && !$showfooter[4] && !$showfooter[5]) { echo "lastmodule"; } ?>">
<jdoc:include type="modules" name="footer2" style="xhtml" />
</div>
<?php } if($showfooter[3]) { ?>
<div class="module_padding <?php if (!$showfooter[4] && !$showfooter[5]) { echo "lastmodule"; } ?>">
<jdoc:include type="modules" name="footer3" style="xhtml" />
</div>
<?php } if($showfooter[4]) { ?>
<div class="module_padding <?php if (!$showfooter[5]) { echo "lastmodule"; } ?>">
<jdoc:include type="modules" name="footer4" style="xhtml" />
</div>
<?php } if($showfooter[5]) { ?>
<div class="module_padding lastmodule">
<jdoc:include type="modules" name="footer5" style="xhtml" />
</div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
<?php } ?>
<div class="flashes_copyright"><jdoc:include type="modules" name="bottom" style="none" /></div>
<jdoc:include type="modules" name="debug" style="none" />
</body>
</html>

layout.css

/*————————————————————————
# "Hot Flashes" Joomla template - November, 2011
# Copyright (C) 2011 ArhiNet d.o.o. All Rights Reserved.
# License: [url]http://www.gnu.org/licenses/gpl-2.0.html[/url] GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: [url]http://www.hotjoomlatemplates.com[/url]
————————————————————————-*/

body {
margin:0;
padding:0;
font-family: 'PT Sans', sans-serif;
font-size:13px;
text-align:center;
}

.flashes_logo {
text-align:center;
margin:15px 0 10px 0;
}

.main_container {
margin:10px auto;
overflow:hidden;
position:relative;
text-align:left;
}

.interior_page {

position:relative;
}

.main_area {
padding:30px 20px;
}


.content_wrap, .content_wrap_noleft, .content_wrap_noright, .content_wrap_noleft_noright {
float:left;
margin-bottom:-270px;
}


.content_pad {
padding-top:5px;
}

.column_left {
float:left;
margin-right:30px;
margin-bottom:-270px;
}

.column_right {
float:right;
margin-left:30px;
margin-bottom:-270px;
}

.footer_wrap {
margin:30px 0 0 0;
}

div.flashes_copyright {
position:relative;
top:30px;
}

.module_padding {
padding:0;
margin:0 10px;
float:left;
}

.lastmodule {
padding:0;
margin:0 10px;
}

.module_user1 {
padding-bottom:30px;
}

.module_user2 {
padding-top:30px;
}

template_css.php

<?php
/*————————————————————————
# "Hot Flashes" Joomla template - November, 2011
# Copyright (C) 2011 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
————————————————————————-*/
header("Content-type: text/css");
?>

body {

background-color:<?php echo $bodyBg; ?>;
color:<?php echo $bodyText; ?>;
}

a:link, a:visited, h2:first-letter {
color:<?php echo $linksColor; ?>;
}

.main_container {

width:<?php echo $templateWidth;?>px;
border:<?php echo $templateBorderWidth; ?>px Solid <?php echo $templateBorderColor; ?>;
background-color:<?php echo $contentAreaBg; ?>;
box-shadow:0px 15px 45px <?php echo $contentAreaShadow; ?>;
-moz-box-shadow:0px 15px 45px <?php echo $contentAreaShadow; ?>;
-webkit-box-shadow:0px 15px 45px <?php echo $contentAreaShadow; ?>;
}

<?php
$mnuFlshesTopMovement = $mnuFlshesHeight - $mnuFlshesHeightInner;
$mnuFlshesContentAreaNegativeMargin = $mnuFlshesTopMovement + 30;
?>

.interior_page {
top:-<?php echo $mnuFlshesContentAreaNegativeMargin; ?>px;

}

.content_wrap, .content_wrap_noleft, .content_wrap_noright, .content_wrap_noleft_noright, .column_left, .column_right {
margin-bottom:-<?php echo $mnuFlshesTopMovement; ?>px;
}

.column_left {
width:<?php echo $leftColumn;?>px;
}

.column_right {
width:<?php echo $rightColumn;?>px;
}

<?php
$contentWrap = $templateWidth - 60;
if ($showleft) { $contentWrap = $contentWrap - $leftColumn - 20; }
if ($showright) { $contentWrap = $contentWrap - $rightColumn - 20; }
?>

.content_wrap, .content_wrap_noright, .content_wrap_noleft, .content_wrap_noleft_noright {
width:<?php echo $contentWrap;?>px;
}

h1 {
color:<?php echo $componentHeadingText;?>;
}

h2 {
color:<?php echo $headingText;?>;
}

.footer_content {
width:<?php echo $templateWidth;?>px;
margin:0 auto;
}

.footer_content .module_padding {
width:<?php echo $footer_width; ?>px;
}

.footer_content ul.menu a:hover {
border-bottom:1px dotted <?php echo $footerText; ?>;
}

.flashes_copyright, .flashes_copyright a, .footer_content ul.menu a {
color:<?php echo $footerText; ?> !important;
}

/* flashes menu */

#topmenu_pad {
font-style: normal;
font-weight: normal;
text-transform:uppercase;
letter-spacing: normal;
line-height: 1.45em;
position:relative;
margin:2px auto;
height:<?php echo $mnuFlshesHeight; ?>px;
width:<?php echo $mnuFlshesWidth ;?>px;
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
}

#flashes.menu {
list-style:none;
width:<?php echo $mnuFlshesWidth;?>px;
margin: 0;
padding: 0;
}

#flashes.menu > li {
float:left;
height:<?php echo $mnuFlshesHeight; ?>px;
border-right:1px solid #ccc;
background-repeat:no-repeat;
background-color:transparent;
}

#flashes.menu > li.last{
border:none;
}

#flashes.menu > li > a {
float:left;
height:<?php echo $mnuFlshesRootItemsHieght; ?>px;
margin-top:<?php echo $mnuFlshesItemsTopOffset; ?>px;
text-align:center;
line-height:<?php echo $mnuFlshesRootItemsHieght; ?>px;
color:<?php echo $mnuFlshesRootItemsColor;?>;
background-color:<?php echo $mnuFlshesRootItemsBackground;?>;
letter-spacing:1px;
cursor:pointer;
text-decoration:none;
text-shadow:0px 0px 1px #fff;
font-size: <?php echo $mnuFlshesRootItemsFontSize;?>px;
}

#flashes.menu > li > a:hover {
color:<?php echo $mnuFlshesRootItemsHoverColor; ?>;
background-color:<?php echo $mnuFlshesRootItemsHoverBackground; ?>;
}

#flashes.menu > li > ul {
list-style:none;
float:left;
margin:0;
margin-top:-180px; /* default will be overided in js */
width:100%;
height:110px; /* default will be overided in js */
padding:20px 0 0 0;
background-repeat:repeat-y;
background-color:transparent;

}
#flashes.menu > li > ul > li {
display:none;
}

#flashes.menu > li > ul > li > a {
color:<?php echo $mnuFlshesSubItemsColor; ?>;
text-decoration:none;
line-height:<?php echo $mnuFlshesSubItemsHieght; ?>px;
margin-left:20px;
text-shadow:1px 1px 1px #444;
font-size:<?php echo $mnuFlshesSubItemsFontSize; ?>px;
}

#flashes.menu > li > ul > li {
display:block;
}

#flashes.menu > li > ul > li > a:hover {
border-bottom:1px dotted <?php echo $mnuFlshesSubItemsHoverColor; ?>;
color:<?php echo $mnuFlshesSubItemsHoverColor; ?>;
}

#flashes.menu > li > ul > li ul,
#flashes.menu .balloonedLevel {
display:none;
list-style:none;
}

.balloonedLevel {
padding: 10px 25px;
margin:0;
}

.balloonedLevel,
#tiptip_content ul {
list-style:none;
}

.balloonedLevel a,
.balloonedLevel a span,
#flashes.menu > li > ul > li ul a,
#flashes.menu > li > ul > li ul a span {
font-size:<?php echo $mnuFlshesSubItemsFontSize; ?>px;
color:<?php echo $mnuFlshesRootItemsColor; ?>;
text-decoration:none;
line-height:<?php echo $mnuFlshesSubItemsHieght; ?>px;
}

.balloonedLevel a:hover {
color: <?php echo $mnuFlshesRootItemsHoverColor ; ?>;
}

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy