Ciao,
la mia avventura\disavventura con la scrittura del mio primo template Joomla continua.
Quì potete vedere il mio sito:
http://www.siatec.net/andrea/andreanobiliphoto/Questa volta il problema viene dato con Firefox (su Explorer 8 stranamente si vede quasi bene...)
Se lo aprite con Firefox invece capite subito dov'è il problema.
Nella colonna centrale ci sono due div, uno avente id: user1 che contiene un modulo di phoca gallery che visualizza delle foto a caso ed il moduletto di ricerca; ed il div avente id parti ad "articoli" che contiene il jdoc per fargli visualizzare gli articoli.
La cosa che non và è che dopo aver visualizzato il modulo delle foto casuali sotto lascia un sacco di spazio (il modulo di ricerca l'ho messo anc'esso dentro il div user1 proprio per fa notare il fatto).
Inizialmente pensavo che dipendesse da qualche CSS del modulo di phoca gallery ma poi mi sono convinto che probabilmente dipende da qualcosa riguardante il mio CSS in quanto lo stesso modulo su altri template prefatti di Joomla non crea lo stesso problema !!!
Altra cosa particolarmente strana è che se gli dico di non visualizzare il modulo delle foto casuali dentro il blocco user1 allora tutto funziona perfettamente e gli articoli si dispongono tranquillamente sotto le scritte di presentazione del sito, ecco un'immagine che lo prova:
http://www.siatec.net/andrea/layout.jpgSono ore che smanetto con FireBug ma non ne riesco proprio ad uscire...per favore mi date una mano (l'altra volta mi avete proprio salvato....giuro che dopo questa cosa il mio template sarà fnito)
Il codice HTML del file index.php è:
?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" />
<!--[if IE]><link rel="stylesheet" href="templates/AndreaNobiliPhotoTheme/css/ie.css" type="text/css" /><![endif]-->
</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 -->
<div id="user1"><jdoc:include type="modules" name="user1" style="" /></div>
<div id="articoli"><jdoc:include type="component" /></div>
</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 codice del file template.css è:
body{
margin: 0;
padding: 0;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
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;
text-align: left;
}
.bloccoleft{
float : left;
width : 160px;
margin-top : 5;
margin-right: 20px;
margin-left: 10px;
background : #fff;
}
.middle {
width: 550px;
padding-left: 170px;
}
#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;
}
#user1{
width: 550px;
}
#articoli{
width: 550px;
}
Grazie
Andrea
