Altezza celle in IE

**dabbia** · 11-10-2006, 19:00

Ho questo strano problema:

cerco di impostare con i CSS l'altezza di una cella di tabella.
Firefox la vede correttamente (vedi allegato), IE no.... Crea uno spazio sotto di almeno 200pixel!

Questo il codice:

codice:

.principale { border: 2px dotted #3366CC; text-align:justify;  vertical-align:top;  padding-left:8px; padding-right: 8px;}
.titrovi { margin:0px; padding:0px 8px 0px 8px; height:20px; vertical-align:top;}



<table>
  <tr>
    <td rowspan="2"></td>
	<td class="titrovi">[img]loghino.gif[/img]Ti trovi in: Newsletter </td>
    <td rowspan="2"></td>
  </tr>
  <tr>
    <td class="principale">Newsletter
      <table class="tabellacont" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="testo">Grazie per esserti iscritto alla newsletter</td>
        </tr>
      </table>      
          </td>
  </tr>
</table>

Qualche consiglio??

**dabbia** · 12-10-2006, 17:31

up

**Nick.ferro** · 12-10-2006, 17:40

hai inserito gli stili nel tag <STYLE></STYLE> ??? ti riporto di seguito quello che ho fatto io...a me funziona così...fammi sapere

<html>
<head>
<STYLE>

.principale { border: 2px dotted #3366CC; text-align:justify; vertical-align:top; padding-left:8px; padding-right: 8px;}
.titrovi { margin:0px; padding:0px 8px 0px 8px; height:20px; vertical-align:top;}
</STYLE>
</head>
<body>

<table>
<tr>
<td rowspan="2"> </td>
<td class="titrovi">[img]loghino.gif[/img]Ti trovi in: Newsletter </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td class="principale">Newsletter
<table class="tabellacont" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="testo">Grazie per esserti iscritto alla newsletter</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

**dabbia** · 12-10-2006, 18:12

Sì sì era per velocizzare la scrittura del codice...

Ho trovato quando si verifica: se nelle due colonne c'è del testo o comunque un oggetto più lungo del corpo centrale, si allunga il tutto...

Ora dovresti vederlo...
Grazie per l'aiuto...

codice:

<html>
<head>
<STYLE>

.principale { border: 2px dotted #3366CC; text-align:justify; vertical-align:top; padding-left:8px; padding-right: 8px;}
.titrovi { margin:0px; padding:0px 8px 0px 8px; height:20px; vertical-align:top;}
</STYLE>
</head>
<body>




<table>
<tr>
<td rowspan="2" valign="top"><span class="titrovi">[img]loghino.gif[/img]</span></td>
<td class="titrovi">[img]loghino.gif[/img]Ti trovi in: Newsletter </td>
<td rowspan="2" valign="top"><span class="titrovi">[img]loghino.gif[/img]</span></td>
</tr>
<tr>
<td class="principale">Newsletter
<table class="tabellacont" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="testo">Grazie per esserti iscritto alla newsletter</td>
</tr>
</table>


Testo</p>
</td>
</tr>
</table>
</body>
</html>

**Nick.ferro** · 12-10-2006, 20:27

non ho capito il problema...scusa...a me va anche su IE

**dabbia** · 12-10-2006, 22:11

Hai visto l'immagine che ho allegato? IE crea uno spazio inutile che non riesco ad eliminare...

Discussione: Altezza celle in IE

Strumenti discussione

Ricerca discussione

Visualizza

Altezza celle in IE

Permessi di invio