centrare layout sito in verticale

[swan_x]

ho creato un sito amatoriale con il semplice webeasy 8 che fa tutto lui.
ho creato un frame (o box, o rettangolo) con dentro il mio sito, scritte e immagini.
tutto funziona e finalmente sono riuscito dopo lunghe ricerche a trovare la funzione che mi centra il box nella pagina, con ogni risoluzione.
il problema è il centramento in verticale: rimane troppo attaccato al bordo top, mentre il bordo basso è troppo vuoto, cioè non lo centra in verticale.
ho provato di tutto ad agiungere righe di codice trovate su google nel mio file html della pagina creata ma nulla da fare, rimane sempre nn centrato.
il sito viene creato con un html e un css, nel css riferito alla pagina trovo:

div#page { /* Page Holder */
background-color: #ffffff;
position : relative;
width : 720.00pt;
height : 390.00pt;
text-align : left;
margin-left : auto;
margin-right : auto;
}
body { /* Page Body */
background-color: #ffffff;
text-align : center;
overflow : scroll;
}

io ho creato una pagina di 960x520 e dentro ho messo il box di dimensioni di poco inferiori.
vorrei che una volta pubblicato venisse centrato nella pagina, ad ogni risoluzione, sia orizz come è già ora, ma anche in verticale, come invece ora non funziona...che fare????

[Prill]

Ciao swan_x, una soluzionequi

[swan_x]

porca misera non funziona!!
ho provato dalla tua soluzione, sia a modificare il codice nella pagina html, sia a modificarlo solo nel file css. niente, nell'html nn cambia nulla, probabilmente quello che comanda è il css, e incollando il codice dalla pagina che mi hai dato il link dentro il mio css, nn cambia nulla, la mia pagina è sempre attaccata al bordo il alto (top)
avevo già provato il comando {margin:0;padding:0} ma non cambia il risultato...
quello che mi stupisce è che il prog che uso è completo, mi da la possibilità creando la pagina di centrarla come opzione, ma poi creata la vedo sempre in alto...non riesco a capire che cosa infliusca in maniera assoluta sulla posizione della finestra....

[blekm]

#container
{
width: 700px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -(metà dell'altezza)px;
margin-left: -(metà della larghezza)px;
}

[swan_x]

non funziona...
e poi perchè hai messo
width: 700px;
height: 600px;

è un esempio o devo mettere quei valori?? la mia cornice è
width : 720.00pt;
height : 390.00pt;

e poi pt non px!! e cmque non centra la pagg...
unico rimedio è se metto un top 10%, già con 20% non la centra...ma non è un centro assoluto, se cambio risoluzione o la dimensione della finestra continua a non centrarla...

ah poi io messo questo nel css, o va messo nel codice html??
scusate l'ignoranza....!!

[blekm]

Originariamente inviato da blekm

#container
{
width: 700px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -(metà dell'altezza)px;
margin-left: -(metà della larghezza)px;
}

swan_x, parli a me? :-)

questo codice funziona, i valori che ho usato erano solo per prova , devi inserire i tuoi, ovviamente

[swan_x]

si mi riferivo a te!
comunque hai ragione tu! probabilmente prima ho sbagliato qualcosa!
ora funziona perfettamente!!

GRAZIEEEEEEEEE!!

erano 3 giorni che cercavo soluzioni in rete e avevo provato di tutto!!
saluti

[RupiWebDesigner]

Perchè non provi anche ad aggiungere le seguenti righe tra gli attriburi di "PAGE":

margin-top: auto;
margin-bottom: auto;

[RupiWebDesigner]

Originariamente inviato da RupiWebDesigner
Perchè non provi anche ad aggiungere le seguenti righe tra gli attriburi di "PAGE":

margin-top: auto;
margin-bottom: auto;

Ops, scusa, non mi ero accorto che avevi già risolto

[swan_x]

no hai fatto bene a risp!
infatti sono tornato qui perchè ora che ho risolto vorrei affinare la cosa, x capire se posso gestirla anche in altro modo...
allora se aggiungo come suggerito da RupiWebDesigner
margin-top: auto;
margin-bottom: auto;
non cambia nulla, ho sempre la finestra come prima!
in effetti vedevo dalle impostazioni del programma (quello usato x creare il sito, webeasy 8, che consiglio vivamente a che come me non ha troppa dimestichezza con codici o prog professional tipo dreamweaver) che lui mette di default (e che non posso nemmeno modificare) page margins : left 0; top 0 px
poi nelle impostazioni è presenta centra pagina o anche centra vista (che non cambia nulla, è lo stesso) con questo lui centra la pagina ma come ho già detto solo in orizzontale...non è che queste impostazioni vincolano la mia pagina e con tutti altri comandi dopo nulla funziona??

e ancora:
come consigliato dall'ottimo blekm lui dice di mettere come posizione assoluta (invece di relativa) e ok ma poi dobbiamo anche aggiungere:
top: 50%;
left: 50%;
margin-top: -(metà dell'altezza)px;
margin-left: -(metà della larghezza)px;

non esiste un modo più semplice, magari lasciando la posizione relativa, ma che comunque la centri nella pagina, come appunto basterebbe un
margin-top: auto;
margin-bottom: auto;

ma che invece nel mio caso non funziona??? cioè un alternativa al metodo sopra....