Newsgroup: it.comp.www.html
Titolo: Solito dannato problema...

... a cui io stesso ho risposto mille volte, e che mo' non va nemmenoa me e
non trovo come farlo andare :-/ O meglio, su IE 5 funzionava, mentre su IE 6
(O Mozilla) non va.
Devo centrare un'immagine (o meglio una tabella che contiene un'immagine e
un paio di brevi didascalie), verticalmente nella pagina.
Il codice e' piu' o meno cosi':
<html>
<head>
<style type="text/css">
    table {
     height: 100%;
     text-align: center;
     width: 100%;
    }
</style>
</head>
<body>
<table align="center">
   <tr>
    <td valign="middle">
     <img src="_images/Italiano/V.jpg" width="400" height="300" border="0"
alt="GRU" title="GRU">
    </td>
   </tr>
   <tr>
    <td> Modulo di Gestione Risorse Umane, benvenuti!</td>
   </tr>
   <tr>
    <td><small><b>Bla bla bla S.p.A.</b></small></td>
   </tr>
  </table>
</body>
</html>
Ma non la centra verticalmente (pur dovendo pur essere abbastanza
ridondante)... cosa accidenti sto dimenticando?
--
Laz ____________________
Begun this Clone War has

un paio di brevi didascalie), verticalmente nella pagina.
Be', a me il tuo codice non va con nessun browser,
la ragione è che hai messo valign="middle" a td invece che a table.
In ogni caso, anche mettendo a posto quell'errore,
annidando due tabelle si riesce a raggiungere il risultato su ie e opera
ma non su mozilla o ns6.x,
e la ragione è che non riconoscono l'attributo table {height: 100%}
che hai inserito nei css.
Per risolvere questi problemi, a mio avviso l'unica soluzione
è definire tutte le immagini con height in percentuale,
senza usare tabelle
(perché in alcuni browser le percentuali si riferiscono alle celle,
in altri allo schermo).
Questo è il codice che funziona ovunque:
<html>
<head>
<title></title>
</head>
<body>
<center>
<img src="blank.gif" width=1 height="20%"><br>
<img src="="_images/Italiano/V.jpg" " height="50%" alt="GRU" title="GRU"><br>
Modulo di Gestione Risorse Umane, benvenuti!<br>
<small><b>Bla bla bla S.p.A.</b></small><br>
</center>
</body>
</html>
Che non sia il massimo della vita avere l'immagine riscalata
ti posso anche dar ragione,
ma se vuoi è possibile fare uno script
che carica immagini diverse a seconda della risoluzione video,
assegnando dimensioni fisse e non in percentuale.
MaRoK

 assegnando dimensioni fisse e non in percentuale.
Ma a me pareva esistesse una soluzione che funzionava... anche se non vorrei
averla vista, per dire, quando c'era ancora IE 5... :-(


averla vista, per dire, quando c'era ancora IE 5... :-(
Eh... table height non è riconosciuto dalle versioni 6 dei browsers
(perché? no comment...)
Guarda, se vuoi evitare di riscalare l'immagine
una soluzione ci sarebbe,
ma non segue il ridimensionamento della finestra...
ho postato il codice su:
http://www.marok.org/Prove/allineamento_verticale.htm
(vado di fretta, l'ho testato solo su Netscape6.2, Mozilla e IE
e solo a tre-quattro risoluzioni diverse...
lascio a te il compito di continuare il testing! :o))
MaRoK

 ma non segue il ridimensionamento della finestra...
Ecco... appunto :-) Apprezzo lo sforzo, ma pensa, sta persino in un frame in
realta' questa pagina, per cui... :-)


 pagina.
La butto li`, di certo non funziona con IE 5.x e NS 4.x, ma giusto per 
provare:
<table style="margin-top:auto;margin-bottom:auto">
Insomma, lo stesso sistema previsto dai CSS2 per la centriatura 
orizzontale, riportato in verticale.
-- 
A risentirci
\  Davide G. Borin
\\ !!Scudo anti-spam attivo!! Togliere le x e "eliminami" dall'indirizzo
\\\_____________________________________________________________________

realta' questa pagina, per cui... :-)
....e magari il frame è definito con valori in percentuale! :o)
Boh, secondo me con le tabelle il centraggio verticale non è più possibile, ma attendo gioiose smentite.
MaRoK

 <table style="margin-top:auto;margin-bottom:auto">
Non ho capito,
questo comando dovrebbe servire per adattare la tabella al suo contenuto,
perché dovrebbe centrarla verticalmente?
(cmq non funziona su nessun browser...)
L'ideale sarebbe trovare il modo
di lasciare uno spazio uguale
tra il bordo della tabella e il bordo della pagina
sia sotto che sopra,
ma non credo sia un'espressione traducibile
(nemmeno le percentuali vanno bene procedendo in questo modo...)
Boh...
MaRoK

Forse lo conoscete già: CSS Enhancements in Internet Explorer 6
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html
/cssenhancements.asp
Ciao!
--
Rob
http://digilander.iol.it/robertomelotti


wrote:

Scusa, ma non basterebbe annidare la tabella che contiene l'immagine e
le descrizioni all'interno di un'altra tabella nella quale il
<TD></TD> abbia attributo valign="middle" ?
Ovvero:
<body>
<table align="center">
   <tr>
    <td valign="middle">
	<table align="center">
	   <tr>
	    <td>
	<img src="_images/Italiano/V.jpg" width="400" height="300"
border="0" alt="GRU" title="GRU">
	   </td>
	  </tr>
	   <tr>
	    <td> Modulo di Gestione Risorse Umane, benvenuti!</td>
	   </tr>
	   <tr>
	    <td><small><b>Bla bla bla S.p.A.</b></small></td>
	   </tr>
	 </table>
    </td>
  </tr>
</table>
</body>
Ciao

Il codice e' piu' o meno cosi':
A me sembra corretto, qui trovi un screenshot da Mozilla, in verticale
mi si allinea giusto.
www.egraphics.it/mozilla.gif
ciao ciao
----------------------------------
Luca Pagani
Web Designer Digicolor.net
Personal E-Graphics.it
Tel: 
(+39) 0372 - 30669
Fax: 
(+39)  0372 - 464840
E-Mail: 
in...@egraphics.it
Web Site: 
http://www.egraphics.it
----------------------------------

 <TD></TD> abbia attributo valign="middle" ?
No, perche' nemmeno la tabella esterna arriverebbe fino in fondo alla
pagina.


 I valign ci sono, i css pure. Cos'e'? IE 5 o 5.5?
In IE 5 andava, IE 5.5 lo ignoro, ma in IE 6 no!


 mi si allinea giusto.
O cazz... e' il doctype! Senza doctype funziona, con no!
O, guardando meglio, con il doctype comprensivo di URL:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "
http://www.w3.org/TR/html4/loose.dtd
">
"switcha" in standard-compliant mode (e non va);
con il doctype senza URL:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
non switcha (e va).
Ma... perche'?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
???
Da me con Mozilla 0.9.7. non cambia niente, e tantomeno con Netscape 6.2.1,
continuano cmq a non vedere table height...
Forse avete provato con una versione vecchia di Mozilla?
MaRoK

 Forse avete provato con una versione vecchia di Mozilla?
Veramente ho provato con la 0.9.8. Vedo che e' uscita la 0.9.9, domani
provero' anche con quella. Ma IE 6 e' IE 6, non ci sono versioni diverse in
giro!


 Dovresti comunque usare la DTD 4.01, non la 4.0.
Questo e' vero, m'era sfuggito.


giro!
....ma Netscape 6.2.1 č Netscape6.2.1
e con o senza tutti i doctype del mondo table height non funziona! ;o)
(ma poi obbiettivamente...
č cosě importante che sta tabella sia centrata??? :o))))
MaRoK

<La...@nessunindirizzo.nulla> ha scritto:

Ma aggiungendo una colonna nella quale inserire una gif di un pixel di
larghezza e altezza 100%?

larghezza e altezza 100%?
se la gif è in una colonna di una tabella,
sulla maggiorparte dei browsers altezza 100%
si riferisce all'altezza della tabella che la contiene
e non a tutto lo schermo.
MaRoK