contenitore al centro

**alg1983** · 08-02-2006, 10:13

ciao,

vorrei allineare al centro il contenitore del seguente sito

Ora come vedete è allineato a sinistra dello schermo.

Il css è qui

Grazie

**kaze** · 08-02-2006, 11:27

#contenitore {
width: 768px;
margin: 0 auto;
}

Prova così !!!

**pierofix** · 08-02-2006, 11:47

Suggerirei una ricerchina, giusto per avere un quadro completo:

- http://forum.html.it/forum/search.ph...by=&sortorder=

**alg1983** · 08-02-2006, 12:03

Originariamente inviato da kaze
#contenitore {
width: 768px;
margin: 0 auto;
}

Prova così !!!

perfetto grazie

**V4NY** · 08-02-2006, 12:44

Inserisci un clear:both; nel footer cosi la pagina non finisce prima della sezione siti amici ^^

**alg1983** · 08-02-2006, 12:47

Originariamente inviato da V4NY
Inserisci un clear:both; nel footer cosi la pagina non finisce prima della sezione siti amici ^^

messo ma non cambia niente

**V4NY** · 08-02-2006, 12:51

uh ma è sbagliata proprio la pagina

Da FF il menu va sopra a content, aspetta che do un'occhiatina ^^

**alg1983** · 08-02-2006, 12:56

Originariamente inviato da V4NY

Da FF il menu va sopra a content, aspetta che do un'occhiatina ^^

sì infatti

sto provando a riprogettare questa pagina: http://www.sancarlobasket.com/home.php con il metodo dei css...sto facendo un po' di pratica

**V4NY** · 08-02-2006, 13:09

Allora ho fatto la struttura per te ma con dimenssioni fisse tanto non hai fatto un layout fluid quindi ti cambia poco :

Style :

codice:

<style type="text/css">
body{
	background-image: url(sfondo.jpg);
	background-repeat: repeat-x;
	text-align: center;
	color: #FFFFFF;
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#container{
	margin-left: auto;/* ti permette di centrare il container */
	margin-right: auto; /* ti permette di centrare il container */
	text-align: left;
	width: 760px;
}
#header{
	background-image: url(header.jpg);
	height: 100px;
	width: 760px; /* va sempre specificato */
	margin-bottom:0px;
}
#left{
	float: left;
	width:200px;
}
#content{
	float: left;
	margin-left: 10px;
	width:340px;
}
#right{
	float: right;
	width:200px;
}
#footer{
	clear: both;
}
</style>

HTML :

codice:

<body>
<div id="container">
	<div id="header"></div>
	
	
	<div id="left">
		left here
	</div>
	
	<div id="content">
		content here
	</div>
	


	
		
	<div id="right">
		right here
	</div>
	
	<div id="footer">
		footer here
	</div>

</div>
</body>
</html>

Spero di esserti stata di aiuto ^^

**alg1983** · 08-02-2006, 13:43

grazie

però ho qualche problema col content centrale

http://www.adrigolinter.altervista.org/

Discussione: contenitore al centro

Strumenti discussione

Ricerca discussione

Visualizza

contenitore al centro

Permessi di invio