Centrare div dentro un altro

**lucavalentino** · 03-07-2009, 10:20

Sto inpazzendo forse su una cosa banale.
Allora ho creto un div contenitore dove al suo interno risiedono altri div. Come si possono centrare i div che si trovano dentro al div contenuto?

**loop** · 03-07-2009, 11:44

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">
<!--
#contenitore {
	background: #F00;
	width: 500px;
	height: 500px;
	position: relative;
	top: 50%;
	margin: auto;
	padding: 0;
}
#contenuti {
	background-color: #FF0;
	height: 300px;
	width: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -170px 0 0 -170px;
	padding: 20px;
}
-->
</style>
</head>

<body>
<div id="contenitore">
  <div id="contenuti">Contenuti</div>
</div>
</body>
</html>

**lucavalentino** · 03-07-2009, 17:29

Il div contenitore deve non essere al centro, ma coprire tutto lo schermo in larghezza.

**loop** · 03-07-2009, 18:20

Originariamente inviato da lucavalentino
Il div contenitore deve non essere al centro, ma coprire tutto lo schermo in larghezza.

Il mio è solo un esempio come centrare un contenitore in un altro, tu puoi poi posizionare e dimensionare il contenitore esterno come vuoi

Discussione: Centrare div dentro un altro

Strumenti discussione

Ricerca discussione

Visualizza

Centrare div dentro un altro

Permessi di invio