Stò impazzendo,in Explorer i contenuti della colonna di destra vengono messi sotto :(

**AndreaNobili** · 05-10-2009, 13:29

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 è:

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>

Mentre il CSS del file template.css che definisce la struttura del layout è:

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;
}

Per favore ditemi che è risolvibile se no mi impicco :-(

Grazie
Andrea

**Mich_** · 05-10-2009, 16:36

Non ho guardato il codice nel dettaglio, ma problemi simili ce n'erano un'inifinita` fino ad un anno fa circa, poi con l'introduzione di IE8 sono andati sparendo.
Con cio` sto dicendo che la risposta c'e` sicuramente nel forum, per cui ti consiglio di fare una ricerca nel forum (bottone in alto).

Come traccia, ti posso dire che problemi simili si correggono tramite i commenti condizionali

**AndreaNobili** · 05-10-2009, 17:35

Grazie ho gia risolto comunque...c'era un mio problema nel codice...dentro un div di 760px ci mettevo qualcosa di più largo di 760px e sbroccava...FireFox riesce a contenere da se tali situazioni...Explorer no...

Discussione: Stò impazzendo,in Explorer i contenuti della colonna di destra vengono messi sotto :(

Strumenti discussione

Ricerca discussione

Visualizza

Stò impazzendo,in Explorer i contenuti della colonna di destra vengono messi sotto :(

Permessi di invio