Height td in percentuale

**symonx80** · 22-01-2010, 12:41

Ciao ho un problema con l'inserimento di una semplice tabella di tre righe in html.
Ho settato l'altezza delle colonne in percentuale ma il browser e neppure l'editor (uso dreamweaver mx) sembra accorgersene..
Questo e' il codice

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="./styleSite.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table id="corniceWeb"  width="100%" height="100%" align="center" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle">
		<table id="main" width="80%"  border="1">
			<tr id="rowHeader">
			  <td height="15%"></td>
			</tr>
			<tr id="rowContainer">
			  <td height="70%"></td>
			</tr>
			<tr id="rowFooter">
			  <td height="15%"></td>
			</tr>
		</table>
		</td>
  </tr>
</table>
</body>
</html>

e questo il risultato errato.(in allegato)
Qualcuno puo' dirmi dov'e' l'errore?
Grazie

**mexican** · 22-01-2010, 12:47

prova a mettere qualcosa dentro i td anche &nbps

**symonx80** · 22-01-2010, 14:28

Il risultato non cambia, e' come se proprio non 'vedesse' i valori percentuali inseriti.

Se invece inserisco il parametro height="90%" nel tag della table allora va bene.

codice:

<table id="corniceWeb"  width="100%" height="100%" align="center" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle">
		<table id="main" width="80%" height="90%" border="1">
			<tr id="rowHeader">
			  <td height="15%">a</td>
			</tr>
			<tr id="rowContainer">
			  <td height="70%">b</td>
			</tr>
			<tr id="rowFooter">
			  <td height="15%">c</td>
			</tr>
		</table>
		</td>
  </tr>
</table>

pero' perdo il valign="middle" della tabella interna, ritrovandomela in alto. come mai?

**KekkoDance** · 22-01-2010, 14:36

hai provato a metterlo in px?

**symonx80** · 22-01-2010, 16:58

No perche' vorrei che si vedesse correttamente tutto a qualsiasi risoluzione..

**Federix** · 22-01-2010, 17:44

Che tipo di DOCTYPE hai usato? Il valore height viene contemplato solamente nelle versioni di HTML e non di X-HTML.

**symonx80** · 22-01-2010, 18:09

Originariamente inviato da Federix
Che tipo di DOCTYPE hai usato? Il valore height viene contemplato solamente nelle versioni di HTML e non di X-HTML.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

**Federix** · 22-01-2010, 18:25

Si scusa, non lo avevo notato. Comunque se non imposti un'altezza della tabella, l'altezza della riga non riesce a trovare un riferimento e rimane alta al valore di default. Come hai visto se invece imposti height="100%" funziona tutto correttamente.

codice:

		<table id="main" width="80%" height="100%"  border="1">
			<tr id="rowHeader">
			  <td height="15%">ciao </td>
			</tr>
			<tr id="rowContainer">
			  <td height="70%">miao </td>
			</tr>
			<tr id="rowFooter">
			  <td height="15%">bau </td>
			</tr>
		</table>

**symonx80** · 25-01-2010, 10:32

Si però mi va a perdere la proprietà valign="middle" della colonna.
Non c'è soluzione a riguardo?

**Federix** · 26-01-2010, 18:38

Se ti interessa il valign, potresti mettere l'altezza della tabella al 90% o all'80%.

Discussione: Height td in percentuale

Strumenti discussione

Ricerca discussione

Visualizza

Height td in percentuale

Permessi di invio