Ciao,
stò letteralmente impazzendo, è da ieri che leggo guide e manuali ma non ne riesco proprio ad uscire.
Stò realizzando un semplicissimo tema per un portale Joomla
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/andrean...guria&Itemid=2
Se 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 è:
Mentre il CSS del file template.css che definisce la struttura del layout è:codice:<?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"> <jdoc:include type="modules" name="left" style="table" /> </div> <div class="middle"> <jdoc:include type="component" /> </div> <div id="clear"></div> <div id="footer"> <jdoc:include type="modules" name="footer" /> </div> </div> </div> </div> </body> </html>
Per favore ditemi che è risolvibile se no mi impicco :-(codice: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; }
Grazie
Andrea

Rispondi quotando