Css: div 100% in altezza

Pubblicato il di lejubila

Ecco un modo per avere un div che si estende per il 100% in altezza:

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<style type="text/css">
			html,body {
				height:100%;
				margin:0;
			}
 
			div.toptobottom {
				height: auto;
				min-height: 100%;
 
				margin-left: auto;
				margin-right: auto;
				width: 350px;
				background-color: #c080ff;
				color: white;
				text-align: center;
			}
 
		</style>
	</head>
 
	<body>
		<div class="toptobottom">
			Questo &egrave; il div che si estende per il 100% in altezza
		</div>
	</body>
 
</html>

Vedi l’esempio toptobottom.html.

Articoli correlati

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.