Centrare verticalmente il div

[dadeangel]

Buongiorno a tutti...
Sto sviluppando il sito di una mia amica (xhtml + css), ma ho un grave problema...
Ovvero: il div principale della pagina (che è fatta a mo' di portfolio) è alto 800px (sarebbe meno, ma sopra il bordo c'è un'immagine + il titolo), ed è largo 770px...
Per centrare il tutto nella pagina, ho usato il metodo che mi sembrava ideale, ovvero:

#wrap {
	position:absolute;
	top:50%;
	left:50%;
  	width: 800px;
  	height: 770px;
	margin-left:-400px;
	margin-top: -385px;
  	padding: 0;
	background: url('images/body.jpg') no-repeat center;
}

Peccato che, finchè sto con la mia alta risoluzione (1280x1024) vada tutto alla perfezione, mentre, se scendo anche solo alla 1024x768 (senza prendere il caso limite 800x600), parte dell'intestazione (disegno+titolo) mi vengono tagliati a causa del margine negativo...Come posso metterlo a posto? (IE mi crea un casino di bug, ma quelli li posso risolvere mettendo impostazioni a parte)

Grazie mille!

[dr_jack86]

Ciao, allora se il tuo problema è centrare la pagina ti consiglio di dare un occhiata al css di un sito che ho fatto un po di tempo fa (ora sono migliorato) ... allora il div principale è allineato al centro sia in verticale che in orrizzontale ..

il sito è questo : http://www.polguitar.com/

il sorgente del css lo trovi a questo indirizzo

http://www.polguitar.com/css/stile.css

[dadeangel]

Ti ringrazio per l'interessamento, ma purtroppo, guardando il tuo sito, mi sono reso conto che hai usato il mio stesso identico escamotage: 50%, e margine negativo pari alla metà delle dimensioni..Però a te funziona anche con risoluzioni basse perchè il sito è alto 500 pixel..il mio è più di 800...

[dr_jack86]

osti ... nn avevo pensato a questo piccolo particolare .. allora non so aiutarti.. dammi il link cosi do un 'occhiata al sito

[dadeangel]

Il sito è http://www.davidecaci.com/silvia/
Io ci ho provato in tutti i modi, ma non riesco a risolvere la cosa..già con una risoluzione 1024x768 non si vede tutta l'intestazione...

Nessuno mi sa dare una mano? (Grazie! )

[dadeangel]

nessuno?

[mahamatt]

Prova a risolvere con min-height, dovrebbe funzionare, ma attento perché IE fino al 6 non lo supporta (esistono cmq dei walkaround).

[dadeangel]

mhhh...ma a che pro potrei usare il min height?

[mahamatt]

il min-height fa sì che, se la finestra viene rimpicciolita oltre la dimensione specificata all'elemento, compaiano le scrollbar, e quindi che l'elemento a cui min-height è applicato venga visualizzato nella sua interezza anche a risoluzioni basse.

Dato che il tuo layout è fisso, non dovresti aver problemi a dare un valore fisso all'altezza minima... fai un tentativo.

[dadeangel]

mhh...ci ho provato, ma a parte tutto continua a tagliarmelo dal 1024x768 in poi...