Problema con height="100%" per adattare una tabella alla risoluzione

08-08-2008, 20.38.10

Hi all.
Ho un piccolo problema che mi sta facendo diventare pazzo a furia di tentativi e tentativi.

Ho una pagina html che contiene una tabella e in questa tabella altre tabelle una sotto l'altra in questo modo:

Codice:

<table width="780">
	<tr>
		<td>
			<table height="40">
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table height="51">
				<tr>
					<td>
					</td>
				</tr>
			</table>
		<td>
	<tr>
</table>

La tabella esterna è corta in altezza ma vorrei che sia di tutta la pagina e che gli spazi vuoti vengano occupati dalla tabella centrale che si allunga.
Ho provato così:

Codice:

<table width="780" height="100%">
	<tr>
		<td>
			<table height="40">
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table height="100%">
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table height="51">
				<tr>
					<td>
					</td>
				</tr>
			</table>
		<td>
	<tr>
</table>

Ma il risultato è disastroso: La tabella esterna ora occupa tutta il monitor in altezza ma la tabella centrale non si è allungata per andare ad occupare lo spazio creato ma è rimasta adattata al suo contenuto lasciando lo spazio creato sopra alla prima e sotto all'ultima.

Aiuto plz.
Grazie.

09-08-2008, 20.57.16

Niente??
Dov'è che sbaglio? :(

Help me!!
Grazie

Ospite · 09-08-2008, 21.11.11

l'height 100% non esiste; alcuni broswer lo fanno ma come hai notato escono schifezze....

il metodo migliore è usare javascript

10-08-2008, 09.11.49

Per poter usare height:100% anche il body e l'html devono essere impostati a 100%. Scrivi body,html {height:100%} come stile nelle tue pagine...(fai prima a crearti un file .css.

..syl..

10-08-2008, 18.53.12

@matt93
Che javascript mi consiglieresti? Ne avresti uno pronto per me? Grazie.

@yook
Ho provato il tuo consiglio ma forse sbaglio qualcos'altro perchè non và, qui sotto c'è il codice completo, per favore provalo e vedi se puoi aiutarmi, vorrei che la tabella esterna come altezza entri nella finestra e che quella in cui c'è scritto prova2 diventi più piccola o più grande a seconda della finestra.

In paole povere vorrei che tutte le tabelle entrassero nella pagina in modo perfetto (quindi ne di meno ne di più) e che le tabelle dove c'è scritto prova1 e prova3 abbiano un'altezza fissa invece le altre si modifichino.

Grazie.

Codice:

<html>
<head>
<title>Prova</title>
<style>
body,html {height:100%}
</style>
</head>
<body>
<div align="center">
<table border="1" width="500" id="table1" height="100%">
	<tr>
		<td>
		<table border="1" width="500" id="table2" height="50">
			<tr>
				<td>
				<p align="center">PROVA1</td>
			</tr>
		</table>
		<table border="1" width="500" id="table2" height="100%">
			<tr>
				<td>
				<p align="center">PROVA2</td>
			</tr>
		</table>
		<table border="1" width="500" id="table2" height="50">
			<tr>
				<td>
				<p align="center">PROVA3</td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</div>
</body>
</html>

11-08-2008, 10.30.03

Ho capito che il problema è il div, devi dare style="height:100%;" anche a lui. Ma poi sorge un altro problema...e quello lo lascio fare a qualcuno più competente di me.
Suggerimento: Perchè non usi le righe della tabella, senza inserire tabella su tabella?

..syl..

12-08-2008, 10.43.56

Ho provato ad aggiungere style="height:100%;" al div ma il risultato non cambia.
Cmq non uso le righe perchè il sito è stato fatto tempo fa e ha molte pagine, dovrei cambiarle tutte.

Qualcuno sa aiutarmi??
Grazie

**acsocmel** · 12-08-2008, 10.57.05

prova ad usare xhtml strict

Discussione: Problema con height="100%" per adattare una tabella alla risoluzione

LinkBack

Strumenti discussione

Display

Problema con height="100%" per adattare una tabella alla risoluzione

Regole di scrittura