Centrare un div

**Jeremy78** · 28-04-2010, 10:10

Salve a tutti, ho un problema che sicuramente sapete risolvere.

Intanto partiamo con il dirvi che io sono alle primissime armi sia in CSS che in HTML, ma studiando qualcosa sta uscendo fuori...

Il mio problema è il seguente:

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	background-color:#CCC;
}
#wrapper {
	margin:20px auto ;
	width:960px;
	background-color:#FFF;
}
#header {
	width:960px;
	height:90px;
	padding-top:5px;
}
#logo {
	float:left;
	width:220px;
}
#numero {
	float:left;
	width:740px;
	text-align: right;
}
#menu-up {
	float:left;
	width:740px;
	height:40px;
}
#menu-up ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu-up ul li {
	display:block;
	float:right;
}
#menu {
	width:960px;
	height:52px;
	background-color:#F00;
	float:left;
}
#content {
	float: left;
	width: 960px;
	height: 100px;
}

-->
</style>
</head>

<body>
	<div id="wrapper">
    	<div id="header">
        	<div id="logo">[img]image/logo.gif[/img]</div>
            <div id="numero">[img]image/numero.gif[/img]</div>
            <div id="menu-up">
            	<ul>[*]Chi siamo[*]Dove siamo[*]Lavora con noi[*]Login[*]Trasparenza[*]Contatti[/list]
            </div>
            <div id="menu"></div> 
        </div> 
        <div id="content"></div>
    </div> 
</body>
</html>

Il div "wrapper" è quello che dovrebbe centrare tutto il sito, ma il problema è nella lunghezza di questo, se io vado ad aggiungere il div content, questo va a posizionarsi sotto al wrapper ma no dentro, questo comporta il mancato riempimento del sudetto con il background del wrapper.

Come devo fare?

**grandeorco** · 28-04-2010, 15:05

Prova ad inserire le altezze dei div almeno quelle previste e per i div che stanno sotto metti clear:both e il flota left nel possibile dallo a tutti

**Jeremy78** · 28-04-2010, 15:50

Non funziona.

Il clear:both va messo su tutti i div?

In questo modo sono riuscito a farlo centrare e allungrasi:

#wrapper {
margin:0 10% 0 10%;
width:960px;
margin-top:20px;
background-color:#FFF;
}

Non so se è il modo migliore.....

**grandeorco** · 28-04-2010, 16:56

clear both va messo nei div dentro il contenitore quelli che devono stare uno sotto l' altro

Discussione: Centrare un div

Strumenti discussione

Ricerca discussione

Visualizza

Centrare un div

Permessi di invio