[CSS] allineare verticalmente

[colde]

Ciao gente,
sto provando a realizzare il layout in css ma ho già dei problemi.
Sapete come fare per allineare tutto il contenuto di una pagina al centro in verticale?

Orizzontalmente l'ho fatto ma mi posiziona il testo al top della pagina mentre io lo voglio middle.

Come faccio?

Grazie

[Francis87]

nel css

vertical-align: middle;

[colde]

non funge

[cantard]

Hai il codice della pagina e del css?

Puoi usare margin:auto; se i layer non sono in pos. assoluta.

[colde]

Quello l'ho messo a posto, cmq ho già un altro problema:

praticamente voglio far ripetere un immagine sulla parte sinistra come se fosse uno sfondo. C'è un'immagine sopra di essa che termina prima della lunghezza della finestra (a 1024x768) quindi volevo inserire uno sfondo per prolungare il tutto ma mi da problemi.

Il codice è questo:

.logo {text-align:left; padding: 0; margin: 0 0 0 0; background-image:url(img/sfondo_logo.gif); background-repeat:repeat-y;}

[colde]

Ho modificato ancora i tag e ora mi lascia uno spazio tra il logo e lo sfondo.

Potete vedere la pagina qui:

http://ocean.fauser.it/test/prova/welcome.htm

[cantard]

<div class="logo">
[img]img/logo.gif[/img]
<div class="sfondo">
[img]img/sfondo_logo.gif[/img]
</div>
</div>

Sparo: prova a metterli in linea senza nidificarli:

<div class="logo">
[img]img/logo.gif[/img]</div><div class="sfondo">
[img]img/sfondo_logo.gif[/img]
</div>

aggiungi anche un padding:0; nelle classi, se non c'è già.

Altro non so...

[Sir Fridrick]

Quello che non ho capito bene e` se tu vuoi il logo al centro (e di conseguenza avrai un po` di spazio sopra e sotto) oppure se vuoi che occupi verticalemnet tutta la pagina.
Se lo vuoi al centro sono d`accordo con Francis che bisogna usare text-align:middle.
Se invece vuoi che occupi tutta la pagina potresti creare una tabella con altezza (height) 100% e metterci il logo dentro.

PS: Poiche` il logo e` piu` grande di meta` pagina penso che repeat-y sia inutile.

Non sono cosi` esperto di html quindi spero di non aver detto cavolate. Ciao

[colde]

Io vorrei che il logo stia sulla sinistra dello schermo proprio come è adesso, ma vorrei anche inserire uno sfondo in modo che a 1024x768 non si veda lo sfondo nero sotto al logo (in pratica vorrei fare una sorta di frame sx). Come si fa con i css?


N.B.
Io vorrei utilizzare solo i CSS senza l'ausilio di tabelle ecc ecc, altrimenti l'avevo già finito da un pezzo.

[cantard]

Un tentativo:

nel css:

.logo {position:absolute;top:0;left:0;height:100%;text-align:left; padding: 0; margin: 0 0 0 0; background-image:url(img/sfondo_logo.gif); background-repeat:repeat-y;}

nella pagina:

<div class="logo">
[img]img/logo.gif[/img]
</div>