Newsgroup: it.lavoro.professioni.webmaster
Titolo: tabella altezza 100%

Salve,
Sono alle prese con la realizzazione di un sito basato tutto su tabelle.
Poniamo di avere una tabella di 3 righe e 1 colonna.
se voglio far adattare la mia tabella a qualsiasi risoluzione come faccio?
Basta che assegno ad ogni riga un'altezza del 33%?
Ho provato in tutti i modi ma non riesco a venirne a capo.
Help.
Davide.

Ho provato in tutti i modi ma non riesco a venirne a capo.
prova questo:
<table border="1" style="width: 100%; height: 100%; ">
	<tr style="height: 33%">
		<td>
			fante
		</td>
	</tr>
	<tr style="height: 33%">
		<td>
			cavallo
		</td>
	</tr>
	<tr style="height: 33%">
		<td>
			re
		</td>
	</tr>
</table>
certo, ci sono anche dei css di mezzo...
-- 
abbraccio espedienti 365 giorni l'anno.
(generata da: 
http://www.phibbi.com/extra/gswe.php
)
il mio indirizzo email è valido ma filtrato: inserite 
la parola newsgroup nel subject per essere letti.

	<tr style="height: 33%">
aaaaaAAAAAhhh, ho dimenticato i punti e virgolaaaaaa;;;;;;!!!!!
	<tr style="height: 33%; ">
(comunque funziona lo stesso).


> aaaaaAAAAAhhh, ho dimenticato i punti e virgolaaaaaa;;;;;;!!!!!
l'ultimo punto e virgla non è necessario.
anto

 </table>
Ho provato a fare cosě ma il problema persiste...
Forse non mi sono spiegato bene io.
Cosě facendo mi creo una tabella con righe larghe come l'intera pagina ma in
altezza non vado a riempire tutta la mia schermata.
Quello di cui ho bisogno č una tabella che, anche se solo di 1 riga e 1
colonna, si adatti e vada ad occuparmi l'interezza della mia schermata,
facendo in modo che, impostando su center l'allineamento, tutto quello che
inserisco al suo interno risulti sempre e comunque centrato rispetto allo
schermo...

altezza non vado a riempire tutta la mia schermata.
non soi che dirti, io l'ho collaudato su firefox e su explorer e fa
quello che dicevi tu, cioč una tabella alta quanto tutto lo schermo,
poi nel caso specifico le righe erano un terzo ognuna.
se l'hai messa on line mi mandi l'indriizzo?
-- 
abbraccio espedienti 365 giorni l'anno.
(generata da: 
http://www.phibbi.com/extra/gswe.php
)
il mio indirizzo email č valido ma filtrato: inserite 


 ha scritto nel messaggio
news:ioo0i25sa4hvjfa7h...@4ax.com...


 
Ciao,
una soluzione č l'impostare l'altezza dei tag "html" e "body" a 100%:
<!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
" style="height:100%">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>
<body style="height:100%">
<table width="100%" height="100%" border="1">
   <tr>
     <td height="50%">&nbsp;</td>
   </tr>
   <tr>
     <td height="50%">&nbsp;</td>
   </tr>
</table>
</body>
</html>
Ciao,
Renzo

Da lì puoi controllare il codice e dirmi dove sbaglio.
tu scrivi:
<table width="100%" height="100%" border="1">
  <tr>
    <td height="50%">&nbsp;</td>
ecc.
cioè passi le proprietà alla tabella e alle celle direttamente nel
tag, come si faceva nei tempi andati.
invece nel codice che ti avevo suggerito le proprietà sono passate
come proprietà css, per mezzo del tag style:
<table style="width: 100%; height="100%; " border="1">
  <tr>
    <td style="height: 50%;">&nbsp;</td>
ecc.
-- 
abbraccio espedienti 365 giorni l'anno.
(generata da: 
http://www.phibbi.com/extra/gswe.php
)
il mio indirizzo email è valido ma filtrato: inserite 


 una soluzione è l'impostare l'altezza dei tag "html" e "body" a 100%:


hai ragione ma anche con il codice scritto in questo modo continuo a
visualizzare la tabella con un'altezza ridotta e non al 100% dell'intero
schermo.


 tabella?
L'altezza delle singole righe va impostata sull'altezza assegnata alla 
tabella.
Ad esempio, dati:
- altezza pagina = 100%
- altezza tabella = 50% => 50% della pagina
- altezza riga = 50% => 50% della tabella
avremo altezza riga = 25% della pagina.
Ti consiglio inoltre di utilizzare i CSS per quanto riguarda la 
formattazione degli elementi XHTML.
Ciao,
Renzo

 ha scritto nel messaggio
news:4ocj2aF...@individual.net...


 
Scusa se sono un po' duro, ma per me formattazione della pagina 
*significa* CSS.
Ho fatto un po' di prove e questa č la mia soluzione cross-browser 
(Firefox 1.5 /IE 6), sicuramente migliorabile ma funzionante:
<!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
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html,body{
	margin:0;
	padding:0;
	height:100%;
	border:0;
	background-color:#F00
    }
table {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	border-spacing: 0;
}
td {
	height:33%;
}
</style>
<title>Documento senza titolo</title>
</head>
<body>
<table cellpadding="0" cellspacing="0">
   <tr><td style="background-color:#0000FF">1</td></tr>
   <tr><td style="background-color:#00AAFF">2</td></tr>
   <tr><td style="background-color:#AAFFFF">3</td></tr>


>
   E' importante che siano impostati a 100% anche html e body, come si
vede anche dal css postato da Renzo più sopra, altrimenti la pagina non
riempe tutto lo spazio della finestra di visualizzazione del browser.
-- 
 ____UTHP: 
http://www.theuthp.com
      *     ### Fantomius ###
|  __|__ _ _ _____ ___ _  _ _ _  _ ___ *       Love &  Peace
|  _| . | \ |_   _| _ | \/ | | || |_ -|*   
fant...@theuthp.com
|_| |_|_|_|_| |_| |___|_||_|_|____|___|*       ICQ#: 19451716