centrare tabs

[scudobravo]

Salve a tutti/e,

vorrei allineare in alto al centro della pagina il div #menu, ma non ci riesco! Allego il codice:
CSS

#menu {
	margin: 0 auto;
	text-align: center;
	}

#menu a {
	float:left;
	display: block; 
	width: 130px; 
	height: 65px; 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8e988b;
	text-decoration:none;
	text-transform: uppercase; 
	text-align: center; 
	line-height: 25px;
	margin-left: 5px;
	background-image: url(images/tab.gif);
	background-repeat: no-repeat;
	}

#menu a:hover {
	background-image: url(images/tab.gif);
	background-repeat: no-repeat; 
	color: #D10000;
	}
	
#menu a#activelink {background:none; color: #ccc;}

HTML

	<div id="menu"> 
				Biografia
				Produzioni
				Calendario
				Laboratori
	</div>

Grazie per l'aiuto!

[ricman]

Devi impostare una larghezza a Chi contiene il #menu

[scudobravo]

Il #menu é contenuto in #wrapper con width: 100%. Ma il #menu é spostato a sx.
Perché?

[gengix]

#menu non ha una larghezza definita, di conseguenza si estende per tutta la larghezza del contenitore che in questo caso è wrapper, quest'ultimo ha una larghezza impostata al 100% (logicamente non puoi centrare un elemento che tiene tutta la finestra del browser).

Definisci delle dimensioni al div #menu (o a #wrapper) e utilizza questo metodo:

http://www.css-zibaldone.com/traduzi...ing/index.html

perchè in questo caso ne subisci le conseguenze avendo degli elementi fluttuanti all'interno di #menu.

Ultimo appunto sulla semantica del tuo codice. Un menu è una lista di elementi, di conseguenza sarebbe meglio utilizzassi elementi più appropriati come le liste (ul, ol).

[scudobravo]

Grazie per i suggerimenti ed i consigli!
L'unico problema é che il mio layout é graficamente così: 1 fascia bianca che si estende per tutta la grandezza della finestra del browser con al centro il logo e l'altra parte di colore nero.

Se do una grandezza a menu o wrapper, la fascia bianca non sarà più larga quanto la grandezza della finestra del browser..... come posso risolvere? :master:

[gengix]

Spero di aver capito bene, senza un link o un'imnmagine diventa dura.
Se il tuo menu deve essere centrato:

-Lasci #wrapper al 100% (che avrà la banda bianca) e imposti una dimensione a #menu centrandolo.

-Lasci le cose come stanno e provi utilizzare questo metodo per centrare il menu:

http://blog.html.it/2007/09/24/float-centrati.php

Rimane sempre il discorso che i tuoi link dovrebbero essere annidati dentro delle liste.

[scudobravo]

Sei mitico! ora funziona!

grazie mille!!!