Newsgroup: it.comp.www.html
Titolo: Ridimensionamento Tabelle in base alla risoluzione

Non ho molta dimestichezza con Java Script. 
Secondo voi sarebbe possibile creare un codice che riconosca la
risoluzione dell'utente ed in base a quella cambiare l'altezza di una
tabella ?
Se si potresti aiutarmi a trovave la soluzione ? 
Io ho pensato a una cosa del genere : 
<script language="javascript"> 
<!-- 
var s_width =''; 
var s_height =''; 
s_width=screen.width 
s_height=screen.height 
if (s_width == "800"){ 
idtabella.height="10"; 
} 
//--> 
</script> 
E una cazzata Totale ?

 tabella ?
Sě, ma che te ne fai?
Se il tuo scopo č farla combaciare con la finestra utente
devi guardare la dimensione interna della finestra,
non la risoluzione dello schermo!
Non č meglio levarsi il pensiero defininendo
l'altezza della tabella come percentuale?
MaRoK

...

Nel mio caso non serve mettere l'altezza in percentuale perchč voglio
che se la risoluzione dell'utente sia 800x600 l'altezza di una tabella
sia uguale a 1.
Questo mi serve per ottimizzare la pagina anche per 800x600 ed in
percentuale non otterrei il risultato di azzerare quasi completamente
l'altezza di una tabella.

 l'altezza di una tabella.
Non mi sembra un metodo molto furbo, cmq contento te... prova cosě:
Richiama la tua tabella (che dev'essere vuota) aggiungendo
un parametro del tipo class="tabella1", senza specificare l'altezza della tabella.
Poi carichi due fogli di stile differenti a seconda della risoluzione del monitor:
in uno dichiari .tabella1 {height:1px}, nell'altro gli metti l'altezza che vuoi.
E il gioco č fatto.
Un'alternativa puň anche essere lo scrivere direttamente la tabella
con document.write solo se lo schermo č maggiore di 800x600.
Vedi un po' come ti trovi meglio...
MaRoK

Ciao a tutti, sono nuovo in questo NG e vengo per chiedere un consiglio. 
Mi accodo qui perchè vedo che l'argomento è circa quello che serve a me.
Il dilemma dell'adattare una pagina alla risoluzione mi ha sempre 
attanagliato.
Ho una pagina "introduttiva" al sito, che è fondamentalmente un titolo 
con sotto una grossa immagine. Bene, l'immagine è adattata per essere 
vista bene (cioè che riempia lo schermo) per la 800x600, e fin qui tutto 
ok. Ma se la si guarda con la 1024, inevitabilmente il titolo e 
l'immagine rimangono nella parte alta dello schermo, lasciando la parte 
sotto 'vuota' (solo sfondo) e questo non è piacevole.
Esiste un modo per fare si che quando la risoluzione è più elevata le 
immagini si 'centrino' nella pagina? Già chi ha la 1024 si vede 
l'immagine + piccola, che poi se la debba vedere solo da una parte dello 
schermo rende malissimo.
Marok non ho capito bene se il consiglio (l'ultimo) che hai dato può 
calzare al mio caso... Sapresti consigliarmi? Te ne sarei infinitamente 
grato.
Per la cronaca, uso dreamweaver 4 ma un poco so anche editare il codice 
a mano. Se mi rispondete anche in email mi fate un piacere: 
net...@libero.it
Grazie ancora e ciao!
Pier

 calzare al mio caso...
Direi di no, la sua strategia era terribilmente contorta.
Centra direttamente l'immagine a prescindere
dalle dimensioni della finestra (e dello schermo)
Puoi farlo con i css, o con le tabelle,
in entrambi i casi è abbastanza semplice.
Ti posto tre soluzioni:
Prendiamo l'immagine pippo.jpg, 500x300 pixels.
SOLUZIONE A:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table border=1 width="100%" height="100%">
<tr><td width="33%"></td>
<td align="center">TITOLO<br><img src="pippo.jpg" width=500 height=300 alt=""></td>
<td width="33%"></td></tr>
</table>
</body>
</html>
Dà esito positivo su:
Netscape2,3,4,6,7 e Mozilla
Opera4,5,6,
Explorer4,5,6
Ma fallisce la validazione perché, per lo standard,
height non è un attributo valido per table.
SOLUZIONE B: (css applicati alle tabelle)
Semplicemente sostituisci height="100%" con style="height:100%". Ovvero:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table border=1 width="100%" style="height:100%">
<tr><td width="33%"></td>
<td align="center">TITOLO<br><img src="pippo.jpg" width=500 height=300 alt=""></td>
<td width="33%"></td></tr>
</table>
</body>
</html>
Passa la validazione, ma l'immagine non è centrata verticalmente
se il browser è un rottame ambulante che non ha un valido supporto css
(es: netscape4)
SOLUZIONE C: (css applicati ai div)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
#content {position: absolute; text-align: center; vertical-align: middle; width: 100%; height: 100%}
img {position: relative; top: 50%; left: 50%; margin-left: -250px; margin-top: -150px; display: block}
-->
</style>
</head><body><center>
<div id="content">
<img src="pippo2.gif" border=1 width=500 height=300 alt="">
</div>
</center>
</body>
</html>
Questa fa felice i fanatici dei CSS, e funziona solo su Netscape6+/Mozilla.
(NB: 250 e 150 sono le dimensioni dell'immagine 500x300 divisa per due...
il resto mi sembra intuitivo, ma se hai dubbi chiedi...)
Vedi tu quale preferire, ce ne sono naturalmente mille altre.
MaRoK