Ciao,
stò letteralmente impazzendo, è da ieri che leggo guide e manuali ma non ne riesco proprio ad uscire.
Questo è il mio sito con il template che stò tentando di sviluppare:
http://www.siatec.net/andrea/andreanobiliphoto/Se lo si apre in Firefox non ci sono problemi ma...se lo si apre in Explorer i contenuti della colonna di destra (che contiene le elaborazioni dei moduli) non vengono visualizzati a destra ma SOTTO il template.
Per fare un esempio basta aprire la pagina relativa ad una galleria (in homepage ancora non c'è nulla):
http://www.siatec.net/andrea/andreanobiliphoto/index.php?option=com_phocagallery&view=category&id=3:liguria&Itemid=2Se la si apre con Firefox la visualizzazione è corretta, ma se l'aprite con Explorer vedete che l'output della galleria non è messo a destra del menu ma viene messo sotto a tutto.
Questo problema lo dà con qualsiasi contenuto della colonna destra (anche con la visualizzazione degli articoli preinstallati di Joomla...ho provato in locale...stesso identico problema)...quindi ne deduco che al 99,9% si tratti di un problema di CSS...mi sono messo a leggere guide e libri ma non ne riesco proprio ad uscire...non mi spiego perchè su Explorer si comporti così...
Per favore mi date una mano a capire come risolvere questo strano comportamento?
Il codice HTML è:
<?php defined( "_JEXEC" ) or die( "Restricted access" );?>
<jdoc:comment></jdoc:comment>
<!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="{LANG_TAG}" lang="{LANG_TAG}" dir="{LANG_DIR}" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/AndreaNobiliPhotoTheme/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/AndreaNobiliPhotoTheme/css/contenuti.css" type="text/css" />
</head>
</head>
<body>
<div align="center">
<div id="container">
<div id="contenitore_bordi">
<div id="header"></div>
<div id="menu">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div class="bloccoleft"> <!-- Inserisce il blocco left -->
<jdoc:include type="modules" name="left" style="table" />
</div>
<div class="middle"> <!-- Inserisce il blocco centrale dei componenti -->
<jdoc:include type="component" />
</div>
<div id="clear"></div> <!-- Setta impostazioni ottimale -->
<div id="footer">
<jdoc:include type="modules" name="footer" />
</div>
</div>
</div>
</div>
</body>
</html>
Mentre il CSS del file template.css che definisce la struttura del layout è:
body{
margin: 0;
padding: 0;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
color: #000;
background-color: #dedede;
line-height: 180%;
}
#container{
margin: 0 auto;
height: auto;
width: 770px;
background: #fff url(../images/container.png) left top repeat-y;
}
#contenitore_bordi{
margin: 0 auto;
width: 760px;
border: 1px solid #000;
border-bottom: 1px solid #000;
}
#header{
margin: 0 auto;
width: 760px;
height: 283px;
border-bottom: 1px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #8a9bac;
color: #000;
}
#menu{
margin: 0 auto;
width: 760px;
background: #41545F;
border-bottom: 1px solid #000;
color: #fff;
}
.bloccoleft {
float: left;
width : 160px;
height : 100%;
margin-top : 5;
background : #fff;
}
.middle {
width: 600px;
}
#clear {
display: block;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}
#footer{
margin: 0 auto;
width: 760px;
background: #41545F;
text-align: center;
clear : both;
bottom:0;
color: #fff;
border-top: 1px;
border-bottom: 1px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
padding: 0;
}
Per favore ditemi che è risolvibile se no mi impicco :-(
Grazie
Andrea
