Newsgroup: it.lavoro.professioni.webmaster
Titolo: Tabella centrata in tutte le risoluzioni

Sto realizzando un sito web,
( 
http://www.alessioproietti.com/siderdeco/index.htm
 ) le dimensioni che 
ho scelto sono 779x430 in modo che la pagina venga visualizzata senza 
problemi anche ad 800x600.
Il problema è: Come faccio a far centrare la pagina anche ad una 
risoluzione di 1024x768? A centrarlo orizzontalmente ci sono riuscito 
senza problemi, ma verticalmente?
-- 
D00PAR
www.alessioproietti.com
<<Le idee sono come le tette: se non sono abbastanza grandi si
possono sempre gonfiare.>> (Stefano Benni)


Centrare la pagina verticalmente non ha alcun senso. Cuore in pace.
Cooper.
-- 
BlueWare WebAgency
  [Internet:] 
http://www.blueware.it
  [icq:] 146-781-935
  [msn:] 
coo...@blueware.it
 

 Centrare la pagina verticalmente non ha alcun senso. Cuore in pace.
Dici? Quindi va bene così? Io pensavo fosse più sensato centrare tutto...


 senza problemi, ma verticalmente?
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
  <tr>
    <td align="center" valign="middle">Your table here!</td>
  </tr>
</table>
-- 
I am what I am, I do what I can
Vuoi supportarmi? 
http://url.repository.biz/go/3E
Do. Or do not. There is not try.


Doopar devi rivedere le dimensioni perché ad 800x600 appare la barra di
scorrimento sia orizzontale che verticale e mi è sembrato di capire che
volevi evitarle entrambe.
Bye

 volevi evitarle entrambe.
Mmmh...strano, a me non si vedono! Usi IE?


 Non va, mi si divide tutto a pezzetti!
Definisci "a pezzetti".
Hai inserito la tua tabella cosi' come' all'interno della cella <td>?


 </table>
Non va, mi si divide tutto a pezzetti!
-- 


 Hai inserito la tua tabella cosi' come' all'interno della cella <td>?
Si!


 Si!
Devo rifarla?


 Devo rifarla?
Posta un link alla pagina con la tua tabella.
-- 
I am what I am, I do what I can


 Posta un link alla pagina con la tua tabella.
Quella originale? 
http://www.alessioproietti.com/siderdeco/index.htm
O vuoi quella modificata inserendo il tuo codice?


 Mmmh...strano, a me non si vedono! Usi IE?
Sě, ma ho appena controllato con Firefox ed effettivamente non ci sono le
barre di scorrimento.
Tenendo conto che la maggior parte della gente utilizza IE forse ti
converrebbe ottimizzarlo, a te la scelta.
Se non sbaglio in IE la larghezza esatta dovrebbe essere 770.
Per quanto riguarda la lunghezza posso dirti che ora il taglio avviene
immediatamente sotto i pilastri e quindi non si legge tutta la scritta.

 O vuoi quella modificata inserendo il tuo codice?
http://setecastronomy.stufftoread.com/downloads/test.htm
Vuoi supportarmi? 
http://url.repository.biz/go/3E


 Vuoi supportarmi? 
http://url.repository.biz/go/3E
Lo farei volentieri, ma ad averceli 'sti soldi!


 Come hai fatto? Sei un mago? :D
Conosco le vie dell'HTML.
-- 
I am what I am, I do what I can
Vuoi supportarmi? 
http://url.repository.biz/go/3E


 Conosco le vie dell'HTML.
Purtroppo io no, argh! :(
Cmq tante grazie, ora do un'occhiata al codice per capire cosa nn 
riuscivo a capire prima! :D



Non direi, il codice:
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
  <tr>
    <td align="center" valign="middle">Your table here!</td>
  </tr>
</table>
l'attributo height in table non ci va! Se poi alcuni alcuni browser lo 
pigliano e altri no quello è un altro discorso, ma secondo il W3C è cosi.


 volevi evitarle entrambe.
Disabilita l'overflow (: hidden) sul body/html per eliminare il problema,
dovrebbe funzionare per tutti i browser.
Byez!
By Design

 h cosi.  
Secondo il W3C molte cose non sono cosi'. Tra teoria e pratica ci sono
molte differenze. Il fatto che tu non sia stato in grado di suggerire
una soluzione funzionante non implica che non esista.
-- 
I am what I am, I do what I can



Il fatto che tu abbia fornito una soluzione non standard la dice lunga sulla 
tua professionalità.
Una soluzione funzionante non implica che funzioni in tutti i casi, potrà 
andare bene per un certo browser di sicuro non andrà bene per altri.
Per intenderci, se devi stampare 1000 righe uguali, anzichè utilizzare un 
for con un echo e farlo ripetere 1000 volte, utilizzarai un echo ripetuto 
mille volte.
La seconda soluzione funziona ovviamente, ma è quella sbagliata rispetto 
alla prima, o forse hai il coraggio di contestare anche questo dettaglio? :)


 questo dettaglio? :)
Tra le due soluzione entrambe funzionano ed entrambe sono corrette. Tra
le due la prima e' solo piu' elegante ma, probabilmente, non e' la piu'
efficiente.


Rintoccavano le 12:59, mercoledì 29 giugno 2005, quando D00PAR vocifero' che
...
oltre le soluzioni già fornite prova questa:
 <html> 
 <head> 
 <title>.:Centrato:.</title> 
 <style type="text/css"> 
 * {margin:0;padding:0} 
 html, body {height:100%} 
 body { 
 background:silver; 
 text-align:center; 
 } 
 div#centrato {position:absolute; 
 background:maroon; 
 color:white; 
 width:74%; 
 min-height:50%; 
 height:auto!important; 
 height:50%; 
 top:25%;
 left:13%;
 text-align:left;
 } 
 </style> 
 </head> 
 <body> 
  <div id="centrato">
    nota- top e left li ricavi con la:<br>
    top = (100-width)/2<br>
    left = (100-height)/2<br>
  </div> 
 </body> 
 </html> 
-- 
Pandozy vede tutto
    _     _
  o' |,=./ `o
     (o o)    
 ooO--(_)--Ooo-

 tutta la pagina.  
Si, se non fosse per il fatto che non sembra funzionare con contenuti
dalle dimensioni fisse e non percentuali, come nel caso di D00PAR.


 pure le giuste conclusioni.
Cooper, ma leggi quello che scrivi?
D00PAR ha gia' affermato che la soluzione proposta soddisfa le sue
esigenze, per cui e' evidente che la mia interpretazione del suo post
e' corretta, indi per cui stai disquisendo su fatti gia' evidenti ed
accertati.


 Giusto, la tua non era certo la piy efficiente.
Cooper perde il pelo ma non il vizio.
Prima affermi "La seconda soluzione funziona ovviamente, ma h quella
sbagliata rispetto alla prima" mentre ora confermi il fatto che la
seconda NON e' sbagliata rispetto alla prima, come sempre cambie
opinione e le carte im tavola con tanta nonchalance da rendere evidente
che nemmeno tu sai che cosa stai dicendo.
A meno che, ovviamente, per te "piu' efficiente" significhi giusto e
"non piu' efficiente" significhi sbagliato. Anche se rileggendo meglio
potrebbe anche essere il contrario ...
Mah, ormai lascio pedere, tentare di capire cio' che intendi quando tu
stesso ne sei confuso e' piuttosto inutile.


 D00PAR, e su questo punto mi sembra che si sia gia' espresso.
Chiudiamo questa discussione un volta per tutte.
La soluzione proposta da Setec è perfetta dal mio punto di vista (cioè 
fa quello che volevo che facesse). Ringrazio anche gli altri che mi 
hanno postato altre soluzioni.
Buonanotte!


 richiedono due risposte distinte).
centrare verticalmente rispetto alla pagina o a un elemento superiore



Setec ti ha risposto con una soluzione errata, e fra una soluzione errata e 
una non fornita č meglio quest'ultima. Non importa se sia funzionante o no, 
resta il fatto che č errata.
La soluzione corretta č quella fornita da: ivan_iii ovvero ricorrendo ai css 
e agendo direttamente sul body che funge da contenitore per tutta la pagina.


 ha scritto nel messaggio 
news:v9Bwe.15717$h5.8...@news3.tin.it...

Esatto ma, l'autore del thread scrive:
<quote>
Il problema č: Come faccio a far centrare la pagina anche ad una
risoluzione di 1024x768? A centrarlo orizzontalmente ci sono riuscito
senza problemi, ma verticalmente?
</quote>
Il soggetto della centratura verticale č la pagina, per cui... trai pure le 
giuste conclusioni.


 giuste conclusioni.
Vabbè, la domanda si capiva (tant'è che Setec mi ha risposto), quindi 
mo' non mi pare il caso di disquisire così tanto!
(senza rancore eh)



Giusto, la tua non era certo la più efficiente.
