avevo avuto l'idea di mettere il modulo morfeoshow al posto del vecchio banner, in modo da renderlo dinamico nel visualizzare sia il banner che altre immagini.
Diciamo che ci sono riuscito, il problema è che adesso ho questi problemi:
- In internet explorer 8 tutto perfetto;
- In firefox il modulo banner (header) viene visualizzato in mezzo alla pagina web, il resto è perfetto;
- In IE precedenti all'8 visualizzo il modulo con le ultime news (contenent?) nella colonna sinistra invece che al centro; quando eseguo il login o accedo al sito col 'ricorda le mie credenziali' il sito si blocca e IE restituisce 'Impossibile visualizzare la pagina web' e si chiude.
Vorrei risistemare tutto, mi è stato consigliato di creare dei fogli .css appositi per i vari browser, ma non ne sono capace .
Spero possiate aiutarmi...
Vi allego una porzione del foglio .css standard:
Code: Select all
/* HEADER */
{
overflow: -moz-scrollbars-vertical;
overflow: scroll;
}
#header{
width:758px;
height:225px;
left:-0px;
top:-1px;
position:relative; }
#header-left{
position:absolute;
height:225px;
width:558px;
left:-1px;
top:-1px; }
#header-right, #header-right_normal{
position:absolute;
width:258px;
height:225px;
text-indent:0;
left:-1px;
top:-px;
overflow:hidden; }
#header-right{
font-size:90%;
line-height:normal; }
#header-right .moduletable h3{
margin:0;
padding:0 0 5px 0;}
#header-right-padding{
padding:5px 15px 10px 15px; }
/* PATHWAY/BREADCRUMBS */
#pathway{
width:758px;
font-weight:bold;
height:24px!important;
overflow:hidden;
line-height:14px; }
#pathway a:link, #pathway a:visited{
font-weight:normal; }
#pathwaypad{
padding:4px 4px 4px 12px }
/* LEFT & RIGHT COLUMNS */
#rightcol{
float:right;
padding-top:10px;
overflow:hidden; }
#rightcolpad{
padding:0px 0px 20px 0px; }
#leftcol{
width:240px;
float:right;
position:relative; right:8px; }
#leftcolpad{
padding:10px 20px 20px 10px;
width:230px; }
#rightcol .moduletable,
#leftcol .moduletable,
#rightcol .moduletable_text,
#leftcol .moduletable_text,
#rightcol .moduletable_menu,
#leftcol .moduletable_menu{
margin-bottom:20px;
padding-right:10px; }
/* LOGON BOX CHROME (LEFTCOL) */
#leftcol #logon_top{
margin-left:-10px; height:16px; }
#leftcol #userlogon{
padding:0 10px 0 20px; margin-left:-10px; }
#leftcol #logon_bottom{
margin-left:-10px; height:16px; }
#leftcol #userlogon .inputbox{
padding:2px;
width:180px;
font-weight:bold; }
#leftcol #userlogon .button, .pollbutton, .button{
padding:2px 8px;
width:auto;
margin:5px 0; }
/* USER1 and USER2 MODULES */
#usermodules_container{
position:relative;
margin-bottom:15px;
padding-bottom:15px;
overflow:hidden;
height:auto!important;
height:100%; }
#user1 .moduletable h3, #user2 .moduletable h3{padding-top:0;}
/* CONTENT */
#content{
width:766px; }
#contentpad1{
width:468px;
padding:20px 20px 20px 20px;
overflow:hidden; }
#contentpad0{
padding:20px 28px 20px 20px;
overflow:hidden; }
#content_bot1, #content_bot0{
height:28px;
width:766px; }
/* USER4, USER5 and SYNDICATE MODULES */
#bottom_container0, #bottom_container1 {
margin:0px 0 0 0px;
height:100%;
padding-bottom:0px;
position:relative;
height:auto!important;
height:100%;
overflow:hidden; }
.user_padding{
padding:10px 15px 10px 15px; }
#user4{
float:left;
width:430px;
margin:10px 0 0 0px;
overflow:hidden; }
#user5{
float:left;
width:248px;
margin:10px 10px 0 0px;
overflow:hidden; }
#syndicate, #syndicate_right{
float:left;
margin:10px 0 20px 6px;
overflow:hidden; }
#syndicate_right{
float:right; }
#user4 .moduletable, #user5 .moduletable, #syndicate .moduletable,
#user4 .moduletable_menu, #user5 .moduletable_menu, #syndicate .moduletable_menu,
#user4 .moduletable_text, #user5 .moduletable_text, #syndicate .moduletable_text{
padding-bottom:20px; }
#user4 .moduletable h3, #user5 .moduletable h3, #syndicate .moduletable h3{
padding-bottom:5px;
margin-bottom:5px;
padding-top:0; }
#user5 .moduletable h3{
padding-top:10px; }
/* FOOTER */
#footer{
width:100%;
text-align:center; }
Code: Select all
<!--[if lte IE 6]>
<link rel="stylesheet" href="/css/template_ie6.css" type="text/css" />
<![endif]-->
<!-- DYNAMIC STYLES FOR SIFR AND FONT PARAMETERS -->
<style type="text/css">
.sIFR-hasFlash .sitetitle, .sIFR-hasFlash .sitetitle_shadow{
font-size:<?php echo $this->params->get('fontSize'); ?>px;}
#sitetitle_div{
top:<?php echo $this->params->get('fontTop'); ?>px;
left:<?php echo $this->params->get('fontLeft'); ?>px;}
#sitetitle_shadow_div{
top:<?php echo $this->params->get('fontTop')+2; ?>px;
left:<?php echo $this->params->get('fontLeft')+2; ?>px;}
body.mainbody1, body.mainbody0 {
font-family:<?php echo $this->params->get('bodyFontFamily'); ?>;
font-size:<?php echo $this->params->get('bodyFontSize'); ?>px;}
</style>
<!-- LOAD SIFR SCRIPT IF ENABLED -->
<?php if ($this->params->get('enableSIFR')) : ?>
<script language="JavaScript" type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/sifr.js"></script>
<?php endif; ?>
<!-- CORE TEMPLATE VARIABLES & LAYOUT CALCULATIONS - DON'T ALTER THESE VALUES! -->
<?php
$user1 = $this->countModules('user1')?1:0;
$user2 = $this->countModules('user2')?1:0;
$user4 = $this->countModules('user4')?1:0;
$user5 = $this->countModules('user5')?1:0;
$syndicate = $this->countModules('syndicate')?1:0;
$right = $this->countModules('right')?1:0;
$left = $this->countModules('left')?1:0;
// USER 1 & 2 calculations
if ($user1+$user2 == 2) :
$user1_style="float:left;border-right:1px dotted #555;width:45%;padding-right:4%;";
$user2_style="margin-left:53%;width:46%;";
elseif (($user1 == 1) and ($user2 == 0)) :
$user1_style="width:99%;";
elseif (($user1 == 0) and ($user2 == 1)) :
$user2_style="width:99%";
endif;
// END
// USER 3 & 4 calculations
if ($user4+$user5 == 2) :
$user4_style="width:508px;";
$user5_style="width:248px;margin-left:10px;";
elseif (($user4 == 1) and ($user5 == 0)) :
$user4_style="width:766px;margin-right:10px;";
elseif (($user4 == 0) and ($user5 == 1)) :
$user5_style="width:766px";
endif;
// END
// CONTAINER CALCULATIONS
if ($right == 0 and $syndicate == 0 and $this->params->get('rightCollapse') == 1) :
$bigcontainerwidth = 788;
else :
$bigcontainerwidth = $this->params->get('rightColWidth')+790;
$containerwidth = $bigcontainerwidth-8;
endif;
$containerwidth_corner = $bigcontainerwidth+28;
$shadowwidth=$containerwidth_corner+30;
//END
//CHECK FOR EDIT MODE
$editmode = false;
if (JRequest::getCmd('task') == 'edit' ) :
$editmode = true;
$left=0;
endif;
?>
</head>
<!-- BEGIN TEMPLATE LAYOUT -->
<body class="mainbody<?php echo $this->params->get('alignStyle'); ?>">
<?php if ($this->params->get('colorBarHeight')) : ?>
<div id="topbar" style="height:<?php echo $this->params->get('colorBarHeight'); ?>px;"></div>
<?php endif; ?>
<div id="bottomcorner<?php echo $this->params->get('alignStyle'); ?>" style="width:<?php echo $containerwidth_corner; ?>px;">
<div id="bigcontainer<?php echo $this->params->get('alignStyle'); ?>" style="width:<?php echo $bigcontainerwidth; ?>px;">
<div id="topmenu">
<?php if ($this->params->get('skipButton')) : ?>
<div id="skipbutton"><a href="#contentskip"> </a></div>
<?php endif; ?>
<jdoc:include type="modules" name="user3" style="xhtml" />
<?php if ($this->params->get('colorSwitch')) : ?>
<div id="colorswitch">
<a href="javascript:setActiveStyleSheet('orange')" title="Switch to Orange"><span class="style_button_orange"></span></a>
<a href="javascript:setActiveStyleSheet('blue')" title="Switch to Blue"><span class="style_button_blue"></span></a>
<a href="javascript:setActiveStyleSheet('green')" title="Switch to Green"><span class="style_button_green"></span></a>
<a href="javascript:setActiveStyleSheet('pink')" title="Switch to Pink"><span class="style_button_pink"></span></a>
<a href="javascript:setActiveStyleSheet('red')" title="Switch to Red"><span class="style_button_red"></span></a>
</div>
<?php endif; ?>
</div>
<div id="container<?php echo $left; ?>" style="width:<?php echo $containerwidth; ?>px;">
<?php if ($this->countModules('right') or $this->countModules('syndicate')) : ?>
<div id="rightcol" style="width:<?php echo $this->params->get('rightColWidth'); ?>px;">
<div id="rightcolpad">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php endif; ?>
<div id="content">
<div id="header">
<jdoc:include type="modules" name="header" />
</div>
<a name="contentskip" id="contentskip"></a>
<?php if ($this->countModules('breadcrumb')) : ?>
<div id="pathway">
<div id="pathwaypad">
<jdoc:include type="module" name="breadcrumbs" />
</div>
</div>
<?php endif; ?>
<?php if ($left and $editmode == false) : ?>
<div id="leftcol">
<div id="leftcolpad">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php endif; ?>
<div id="contentpad<?php echo $left; ?>">
<?php if ($user1 or $user2) : ?>
<div id="usermodules_container">
<?php if ($user1) : ?>
<div id="user1" style="<?php echo $user1_style; ?>">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if ($user2) : ?>
<div id="user2" style="<?php echo $user2_style; ?>">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<jdoc:include type="message" />
<?php if ($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?>
<?php if ($this->countModules('banner')) : ?>
<br />
<jdoc:include type="modules" name="banner" style="xhtml" />
<?php endif; ?>
</div>
</div>
<div class="clearfloat"></div>
<div id="content_bot<?php echo $left; ?>"></div>
</div>
<?php if ($user4 or $user5 or $syndicate) : ?>
<div id="bottom_container<?php echo $this->params->get('alignStyle'); ?>">
<?php if ($user4) : ?>
<div id="user4" style="<?php echo $user4_style; ?>">
<div class="user_padding">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
</div>
<?php endif; ?>
<?php if ($user5) : ?>
<div id="user5" style="<?php echo $user5_style; ?>">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
<?php if ($syndicate) : ?>
<?php if ($user4 or $user5) : ?>
<div id="syndicate" style="width:<?php echo $this->params->get('rightColWidth'); ?>px;">
<?php else : ?>
<div id="syndicate_right" style="width:<?php echo $this->params->get('rightColWidth'); ?>px;">
<?php endif; ?>
<div class="user_padding">
<jdoc:include type="modules" name="syndicate" style="xhtml" />
</div>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<div id="footer">
<p class="credit">Thanks to <a href="http://www.joomlashow.it/" title="Joomla">JoomlaShow</a></p>
<?php if ($this->countModules('footer')) : ?>
<jdoc:include type="modules" name="footer" />
<?php endif; ?>