Sito con Tabelle con Dreamweaver CS3 e"Visualizzazione Compatibilità" di IE8

**mat84** · 27-04-2010, 09:43

Ciao a tutti,

ho realizzato un sito statico semplice con Dreamweaver CS3, strutturato con una tabella con all'interno Header, sotto gif con sopra aree attive come menu, e sotto un div centrale per il contenuto, affiancato da celle in verticale con i bottoni vari.
Sostanzialmente è una tabella + stile css per gestire il DIV per i contenuti, e qualche impostazione di colore per link e rolllover vari.

In Firefox e con IE8 vedo la tabella deformata in verticale, molto più spaziata e allungata.
In IE7 o IE8 (attivando la modalità visualizzazione compatibilità, che in automatico mi propone) invece vedo tutto correttamente.

Cosa posso fare per ovviare questo problema?

Un grazie come al solito in anticipo,

MaT

PS: in IE8, quando guardo l'anteprima in locale con DW, anche li vedo tutto corretto!!!

**graffithouse** · 27-04-2010, 11:39

impaginare con i div e non con le tabelle.

**mat84** · 27-04-2010, 12:08

Originariamente inviato da graffithouse
impaginare con i div e non con le tabelle.

Ok, ma come faccio a suddividere lo spazio in colonne e righe con i div?

**graffithouse** · 27-04-2010, 13:01

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

**mat84** · 27-04-2010, 13:03

Originariamente inviato da mat84
Ok, ma come faccio a suddividere lo spazio in colonne e righe con i div?

Grazie mille, mi leggo la sezione " Come realizzare un sito table-less" ?

MaT

**graffithouse** · 27-04-2010, 16:13

cmq, per non sapendo come è impostato il codice, hai provato a dare alle celle spazio 0? ed ai div margin e padding 0?

**mat84** · 27-04-2010, 17:19

Originariamente inviato da graffithouse
cmq, per non sapendo come è impostato il codice, hai provato a dare alle celle spazio 0? ed ai div margin e padding 0?

Questo è il codice del mio sito attualmente:

Non saprei come fare quelle verifiche di cui mi chiedi, prova a controllare il codice intanto

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento senza titolo</title>

<style type="text/css">
<!--
.Stile3 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #00377A;
}
.Stile5 {font-family: Tahoma; font-size: 12px; }
.Stile6 {
	font-family: Tahoma;
	font-size: 10px;
}
.Stile8 {font-size: 12px}
body {
	background-color: #CCCCCC;
}
-->
</style>

<link href="../stile.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stile9 {color: #FFFFFF}
.Stile10 {font-family: Arial, Helvetica, sans-serif}
.Stile13 {font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
a:link {
	color: #00377A;
	text-decoration: none;
}
a:visited {
	color: #008D00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #008D00;
}
a:active {
	text-decoration: none;
	color: #003778;
}
-->
</style>
</head>

<body>
<table width="1015" height="717" border="1" align="center" bordercolor="#000000" bgcolor="#FFFFFF">
  <tr align="left" bordercolor="#CCCCCC"><td width="1021" height="713" valign="top"><table width="1020" height="709" border="0" align="center" bgcolor="#FFFFFF">
  <tr>
    <td width="1014" height="705" align="center" valign="top"><table width="1010" height="146" border="0">
      <tr>
        <td width="78" height="119"></td>
        <td width="546">[img]../images/header.jpg[/img]</td>
        <td width="372" align="left" valign="middle"><div align="center">[img]../images/azienda.png[/img]</div></td>
      </tr>
      
    </table>
        <table width="1010" height="529" border="0" bgcolor="#B1C3D9">
            <tr>
              <td colspan="3" align="center" valign="middle" bgcolor="#003778"><span class="Stile13">Serbatoi per l'Ecologia,                     
            l'Industria, l'Agricoltura
            
            e l'Edilizia</span></td>
              </tr>
            <tr>
            <td width="30" align="center" valign="middle" bgcolor="#B1C3D9">[img]../images/simbolo.png[/img]</td>
            <td width="176" align="left" valign="middle"><p class="Stile3">Prodotti</p></td>
            <td width="790" rowspan="20" align="left" valign="top" bgcolor="#FFFFFF"><div class="center" id="c">EditRegion3</div></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Serbatoi /    Cisterne / Vasche</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Cantinette</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Cisterne Enologiche</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Fosse Settiche / Imhoff</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Impianti    di Prima Pioggia</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Vasca di    Laminazione</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Impianti    Trattamento Acque</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Letto Percolatore Aerobico</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Letto Percolatore Anaerobico</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Degrassatore / Disoleatore</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center" bgcolor="#B1C3D9"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Dissabbiatore / Disoleatore</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Sollevamento Fogna</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5 Stile10">Muretti</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center">[img]../images/simbolo.png[/img]</td>
            <td align="left" valign="middle"><span class="Stile3">Azienda</span></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile3"></p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center">[img]../images/simbolo.png[/img]</td>
            <td width="176" align="left" valign="middle"><p class="Stile3">Dove Siamo</p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td align="center"></td>
            <td width="176" align="left" valign="middle"><p class="Stile5"></p></td>
            </tr>
          <tr bgcolor="#B1C3D9">
            <td height="32" align="center">[img]../images/simbolo.png[/img]</td>
            <td width="176" align="left" valign="middle"><p class="Stile3">Contatti</p></td>
            </tr>
        </table>
      <table width="1014" height="28" border="0">
          <tr>
            <td width="1013" height="24" bgcolor="#00377A"><p align="center" class="Stile6"><span class="Stile8 Stile9">Via  xxxxxxxxx, 30 – xxxx xxxxxx – xxxxx – P.IVA 00000000000 – Tel. +39.xxxx.xxxxx_ –_ Fax +39.xxxx.xxxxx</span></p></td>
          </tr>
      </table></td>
  </tr>
</table>  
    <table width="1021" border="0">
</table></td>
  </tr>
</table>
</body>
</html>

**mat84** · 28-04-2010, 17:56

up

**mat84** · 07-05-2010, 15:22

Nessuno sa aiutarmi?
SOno in crisi mistica!

Discussione: Sito con Tabelle con Dreamweaver CS3 e"Visualizzazione Compatibilità" di IE8

Strumenti discussione

Ricerca discussione

Visualizza

Sito con Tabelle con Dreamweaver CS3 e"Visualizzazione Compatibilità" di IE8

Permessi di invio