4 odpowiedzi w tym temacie

[Jacob]

Mam problem z wyśrodkowaniem menu, margin: auto auto nie działa, więc tak:
Tutaj http://life4music.tk/szablon/ jest na razie efekt mojej pracy i chciałbym to menu wyśrodkować, lecz nie mogę. O to kod odpowiadający za menu:

.menu {
	font: bold 11px Arial;
	width: 900px;
	overflow: hidden;
	margin: auto auto;
}

.menu li {
	display: inline;
}

.menu li a {
	float: left;
	color: #fff;
	padding: 9px 11px;
	text-decoration: none;
margin-top: -1px;
background: transparent url('images/menu.png') center center repeat-x;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
margin-right: 5px;
}

.menu li a:visited {
	color: #fff;
}

.menu li a:hover, .menu li .current {
	color: #fff;
	background: transparent url('images/menu2.png') center center repeat-x;
text-shadow: #000 1px 1px 3px;
}

[Krzysztof Baraniak]

Jeżeli chcesz to robić w ten sposób, to musisz dać dla diva menu szerokość dokładnie taką jaką mają wszystkie elementy w menu razem wzięte. Wtedy wyśrodkujesz to swoim obecnym sposobem.

[Ryba123pl]

Zmień:

width: 900px;

Na:

width: 700px;

[Krzysztof Baraniak]

I te elementy poniżej menu lepiej byłoby umieścić w jakimś również wyśrodkowanym divie o jaśniejszym tle.

[Bartłomiej Leśniewski]

ROZWIĄZANY
Problem został rozwiązany. Jeżeli coś jest niezrozumiałe załóż nowy temat.