Espasione DIV

scegli un altro forum

Indietro Ricarica Avanti

Autore

Discussione

harry80
Utente di HTML.it

Registrato il: Jan 2011

Provenienza:

Messaggi: 213

ICQ:

MSN:

Skype:

Espasione DIV

Salve ragazzi,

utilizzo il seguente codice CSS codice:

#wrapper {
	width: 800px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -250px;
	background: white;
}

per avere un div che sia centrato sia in orizzontale che verticale, poiché all'interno del div ne ho altri con contenuti, succede ad esempio che il testo lungo inserito in un div presente all'interno del wrapper "esce fuori" dall'area div wrapper verticale (altezza), in sostanza una parte di testo si vede nel wrapper con sfondo bianco, la restante fuori dal wrapper e senza sfondo.

Come fare in modo che il wrapper prenda l'altezza dei contenuti di altri div al suo interno e che rimanga sempre la centratura verticale?

Spero di essermi spiegato.

Segnala ad un moderatore | IP: Collegato | Permalink

24-05-2012 12:52

Clicca qui per inviare all'utente harry80 un messaggio privato

Visualizza ulteriori messaggi scritti dall'utente harry80

Aggiungi l'utente harry80 alla tua lista degli utenti amici

harry80
Utente di HTML.it

Registrato il: Jan 2011

Provenienza:

Messaggi: 213

ICQ :

MSN :

Skype :

Allora, piccolo passo avanti, risolto il problema dell'espansione del div in base al contenuto con il seguente codice:

#wrapper {
	width: 800px;
	height: 100%: 
	min-height: 100%;
	height: auto !important;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -250px;
	background: white;
}

solo che non va l'allineamento verticale, lo devo gestire manualmente con il margin-top, come risolvo?

Segnala ad un moderatore | IP: Collegato | Permalink

24-05-2012 13:27

ricman
Utente di HTML.it

Registrato il: Apr 2003

Provenienza: Toscana

Messaggi: 9433

ICQ :

MSN : noooooo

Skype : ...volendo

Guarda se questo ti essere d'aiuto: http://www.ricmanx.com/blog/centrar...non-conosciuta/

__________________
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine

Segnala ad un moderatore | IP: Collegato | Permalink