Problema con visualizzazione IE

**AndreaNobili** · 04-10-2009, 20:05

Ciao,
stò realizzando un tema per Joomla e stò impazzendo con i CSS...il tema è molto semplice ma su Firefox si vede bene mentre su Explorer impazzisce e non capisco proprio da cosa possa dipendere, la cosa mi stà facendo letteralmente uscire di testa...

Il sito in questione lo potete visualizzare quì:

http://www.siatec.net/andrea/andreanobiliphoto

Se lo aprite con Firefox il template apparirà centrato, mentre su Explorer appare tutto attaccato al lato sinistro della finestra di visualizzazione del broswer.

Inoltre se aprite una pagina che contiene dei contenuti come può essere la gallery: http://www.siatec.net/andrea/andrean...guria&Itemid=2

Su FreFox i contenuti vengono correttamente visualizzati nella colonna di sinistra, mentre su Explorer viene mandato a capo e vengono visualizzati sotto...

Non mi spiego come mai...mi sapete dire qualcosa?

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 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="footer">
            	<jdoc:include type="modules" name="footer" />
            </div>
            
        </div>
   	</div>

</body>
</html>

Mentre il codice del file template.css che gestisce il template è:

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-right     : 50;
  margin-top       : 5;
  background       : #fff;

}

.middle {
	width: 590px;
	
	
}

#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 datemi una mano che non riesco proprio ad uscirne

Grazie
Andrea

**fcaldera** · 05-10-2009, 13:58

questo problema ha a che vedere con quello dell'altro thread che hai aperto?

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

non proprio...quel problema è stato parzialmente risolto ed il codice del template è stato cambiato

Discussione: Problema con visualizzazione IE

Strumenti discussione

Ricerca discussione

Visualizza

Problema con visualizzazione IE

Permessi di invio