allineamento verticale

**Symon83** · 10-03-2010, 16:19

Ciao ragazzi ho un div di altezza 360px;
come faccio a centrare verticalmente il suo contenuto con i css? è un'immagine. grazie

**irdg** · 10-03-2010, 16:42

devi applicare al div questi stili

display:table-cell;
vertical-align:middle;

tali valori non possono essere applicati a elementi flottati o posizionati assolutamente in quanto tali elementi hanno di default display:block-level

se questo è il tuo caso non ti resta che inserire un div con quegli stili dentro il div orginale.

**miki003** · 10-03-2010, 16:45

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#centra-verticale {
	height: 360px;
	position: absolute;
	top: 50%;
	margin: -180px auto;
}
-->
</style>
</head>

<body>

<div id="centra-verticale">[img]immagie.jpg[/img]</div>
</body>
</html>

**Symon83** · 10-03-2010, 16:47

Grazie irdg ho risolto usando il tuo consiglio.
Miki in quel modo che mi hai postato tu, forse mi confondo, ma non serve per centrare il div all'interno della pagina?

**miki003** · 10-03-2010, 16:50

Originariamente inviato da Symon83
Grazie irdg ho risolto usando il tuo consiglio.
Miki in quel modo che mi hai postato tu, forse mi confondo, ma non serve per centrare il div all'interno della pagina?

E chi te lo dice? provalo e vedrai è uno dei metodi più semplici e sicuri

Discussione: allineamento verticale

Strumenti discussione

Ricerca discussione

Visualizza

allineamento verticale

Permessi di invio