Problema visualizzazione su IE

**D4rkAng3l** · 15-09-2008, 14:05

Ciao,
allora devo dare una sistemata ad un sito che si vede male su Internet Explorer ma non riesco proprio a venirne a capo.
Il problema è il seguente: se aprite questo sito con Firefox si vede bene, su IE sbrocca: http://www.bbcsite.it/public/siti/cr...aita14317.aspx (ovviamente mi riferisco alla tabella centrale fatta con i CSS...non è una vera tabella). Il CSS non può essere inserito esternamente ma è interno

Il sito fà parte di una sorta di network di siti implementato mediante un sistema in ASP e non posso creare i classici due fogli di stile: uno standard ed uno per IE perchè non posso mettere mano a nient'altro che al body dell'HTML...le cose sono 2:

1) risolvere il problema alla radice e rendere il tutto compatibile anche con Explorer
2) esiste un modo per dire che un CSS è per explore ed un per firefox senza usare i commenti condizionali?

**D4rkAng3l** · 15-09-2008, 14:06

il codice sorgente della pagina è il seguente:

codice:

<!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="it" lang="it" dir="ltr">

<head><title>
	gallery
</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta http-equiv="imagetoolbar" content="no" /><meta name="Description" /><meta name="Keywords" />
<script src="http://www.bbcsite.com/template/riferimento/common.js" type="text/javascript"></script>
<style type="text/css">

body, html{
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #cbd200;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height:100%;
}

.container{
   width: 100%;
   margin-left: 80px;
   padding-top: 20px;
}

.intestazione{
   width: 200px;
   height: 25px;
   color: #fdfbe2;
   font-weight: bold;
   margin-left: auto;
   margin-right: auto;
   float: left;
   background-color: #e3004a;
   border: 1px solid #000000;
}

.cella{
   float: left;
   width: 200px;
   background-color: #fdfbe2;
   height: 200px;
   border: 1px solid #000000;
}

.intestazione>div{
   padding-top: 3px;
}

.cella img{
   display:block;
   width:150px;
   height:150px;
   line-height:100px;

   position:relative;
   z-index:1;	
	}

.ico{
   margin-left: 22px;
   margin-top: 22px;
}

</style>




</head>

<body >
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0"  class="PorzContainer">
  <tr>
    <td><table width="780" border="0" align="center"  class="PorzInt">
  <tr>
    <td><div align="center" class="STRMyConfLogo">

</p></div></td>
  </tr>
</table>
<table width="780" border="0" align="center" class="PorzMed">
  <tr valign="top">
    <td width="10" rowspan="2"><div align="center" class="STRMyConfLatosx"></div></td>
    <td><div id="ItemMenu">
<div id="navcontainer"><ul id="navlist">[*]Home[*]Chi siamo[*]Cosa Facciamo[*]gallery[*]Dove Siamo[*]Contatti[/list]</div>
</div></td>
    <td width="11" rowspan="2"> <div align="center" class="STRMyConfLatodx"></div></td>
  </tr>
  <tr valign="top">
    <td width="940"><div align="center" class="STRFISSAConfFlags">
      <div align="right"></div>
    </div>
    


<div id="ItemCorpoPresentazione">
<p class="STRPRODdescriptionLINGUA">gallery</p>
<p class="STRPRODdetailsLINGUA">

Riportiamo di seguito alcune nostre realizzazioniselezionate per mostrarvi la varet&agrave;       delle tecnichee dei supporti utilizzati dallo studio artistico Creativamente.</p>
<div class="container">
<div class="intestazione">
<div>Tradizionalmente</div>
</div>
<div class="intestazione">
<div>Insolitamente</div>
</div>
<div class="intestazione">
<div>Quotidianamente</div>
</div>
<div class="cella">
<div class="ico">          </div>
</div>
<div class="cella">
<div class="ico">          </div>
</div>
<div class="cella">
<div class="ico">          </div>
</div>
</div>


</p>
<div class="container">
<div class="intestazione">
<div>Artisticamente</div>
</div>
<div class="intestazione">
<div>Preziosamente</div>
</div>
<div class="intestazione">
<div>Progetti</div>
</div>
<div class="cella">
<div class="ico"></div>
</div>
<div class="cella">
<div class="ico"></div>
</div>
<div class="cella">
<div class="ico">         </div>
</div>
</div></p>
</div>





<div id="ItemCorpoProdotto"></div>



<div id="ItemCategorieRipeti">
<div class="arearipetuta" onmouseover="this.className = 'arearipetutahover';" onmouseout="this.className = 'arearipetuta';">
<div class="PorzioneEcomm">
<p class="STRPRODdescriptionItemLINGUA">Lavori in corso</p>


</p>
</div>

<div class="clear"></div>
</div>

<div class="arearipetuta" onmouseover="this.className = 'arearipetutahover';" onmouseout="this.className = 'arearipetuta';">
<div class="PorzioneEcomm">
<p class="STRPRODdescriptionItemLINGUA">Insolitamente</p>


</p>
</div>

<div class="clear"></div>
</div>

<div class="arearipetuta" onmouseover="this.className = 'arearipetutahover';" onmouseout="this.className = 'arearipetuta';">
<div class="PorzioneEcomm">
<p class="STRPRODdescriptionItemLINGUA">Tradizionalmente</p>


</p>
</div>

<div class="clear"></div>
</div>

<div class="arearipetuta" onmouseover="this.className = 'arearipetutahover';" onmouseout="this.className = 'arearipetuta';">
<div class="PorzioneEcomm">
<p class="STRPRODdescriptionItemLINGUA">Quotidianamente</p>


</p>
</div>

<div class="clear"></div>
</div>

<div class="arearipetuta" onmouseover="this.className = 'arearipetutahover';" onmouseout="this.className = 'arearipetuta';">
<div class="PorzioneEcomm">
<p class="STRPRODdescriptionItemLINGUA">Artisticamente</p>


</p>
</div>

<div class="clear"></div>
</div>

<div class="arearipetuta" onmouseover="this.className = 'arearipetutahover';" onmouseout="this.className = 'arearipetuta';">
<div class="PorzioneEcomm">
<p class="STRPRODdescriptionItemLINGUA">Preziosamente</p>


</p>
</div>

<div class="clear"></div>
</div>
</div>	
	
	</td>
  </tr>
</table>

<div align="center" class="STRMyConfPiePagina"><hr />-</div>	
<div id="footer">
<div class="StrSuppidSupplier">

<SCRIPT LANGUAGE="javaScript">document.write(txt1);</SCRIPT> 1857   PI 00371278888 Site Map</p></div>
<div class="Poweredby">

Powered by BBC</p></div>
</div>

</DIV>
<script language="JavaScript">document.write('<s' + 'cript src="' + txt2 +'1857">');document.write('</' + 's' + 'cript>');</script>


</table>
</body>
</html>

Grazie
Andrea

**ResianTaxidrive** · 16-09-2008, 12:24

hai la possibilità di racchiudere le tre immagini in un unico div? attualmente mi sembrano ognuno per conto loro.

Discussione: Problema visualizzazione su IE

Strumenti discussione

Ricerca discussione

Visualizza

Problema visualizzazione su IE

Permessi di invio