Problem z wyśrodkowaniem loga

[heldan]

Witam,

Na moim forum postanowiłem umieścić własne logo i menu na górze strony.

W tym celu zrobiłem tak:
W kodzie overallheader.html w środku diva headerbar umieściłem kod logo i kod mojego menu. Menu ma osobny plik css, ale on napewno nie wprowadza zamięszania.
Kod logo i menu:

Kod: Zaznacz cały

<div id="tresc">
			<div id="logo">
      <img src="http://www.itssimple.pl/grafa/logo.jpg" alt="logo"/>
      </div>




</div>
<div id="menu">
                     <ul id="menug">

                     <li id="strona_glowna"><a href="index.html">Strona glowna</a></li>

                     <li id="gramatyka"><a href="#">Gramatyka</a>

                     <ul>

                     <li><a href="podstrona.html">Imprezy</a></li>

                     <li><a href="podstrona.html">Koncerty</a></li>

                     <li><a href="podstrona.html">Wydarzenia</a></li>

                     <li><a href="podstrona.html">Muzyka</a></li>

                     <li><a href="podstrona.html">Juwenalia</a></li>

                     </ul>

                     </li>

                     <li id="sport"><a href="#">Sport</a>

                     <ul><li><a href="podstrona.html">Widzew</a></li>

                     <li><a href="podstrona.html">Łks</a></li>

                     <li><a href="podstrona.html">Budowlani</a></li>

                     <li><a href="podstrona.html">SMS</a></li></ul>

                     </li>
                     
                     <li id="edukacja"><a href="#">Edukacja</a>

                     <ul>

                     <li><a href="podstrona.html">Wykaz szkół</a></li>

                     <li><a href="podstrona.html">Biblioteki</a></li>

                     <li><a href="podstrona.html">Uniwersytet</a></li>

                     <li><a href="podstrona.html">Politechnika</a></li>

                     </ul>

                     </li>
                     
                     <li id="kultura"><a href="#">Kultura</a>

                     <ul>

                     <li><a href="podstrona.html">Nie mam pojęcia</a></li>

                     <li><a href="podstrona.html">Wymysl cos sam</a></li>

                     </ul>

                     </li>
                     
                     <li id="turystyka"><a href="#">Turystyka</a>

                     <ul>

                     <li><a href="podstrona.html">Piotrkowska</a></li>

                     <li><a href="podstrona.html">Dla przyjezdnych</a></li>

                     </ul>

                     </li>
                     
                     <li id="forum"><a href="#">Forum</a></li>

                     </ul>
      </div>
      <div id="kreska">
      </div>
      <div id="kreska1">
      </div>

W kodzie motywu dodałem:

Kod: Zaznacz cały

#tresc{
	padding: 0;
      margin-right: auto;
      margin-left: auto;
overflow:hidden;
}

#menu{
	width: 1000px;

	  margin-right: auto !important;
      margin-left: auto !important;
display: block;
}

#logo img{
     margin-right: auto !important;
      margin-left: auto !important;
      display: block;
}

#kreska{
    width: 100%px;
    height: 5px;
    background-color: #b81f3b;
	 clear: both;
	 border: 0;
	 overflow:hidden;
}

#kreska1{
    width: 100%px;
    height: 5px;
    background-color: #ffffff;
	 clear: both;
	 overflow:hidden;
}

Moim problemem jest oczywiście wyśrodkowanie logo i menu. Nie pomaga margin: auto; text-align: center; i już nie mam pomysłu jak to wyśrodkować. Proszę o pomoc kogoś kto się zna na tym forum, być może w motywach forum jest jakiś styl który kłuci się z moim zapisem.

[jaroslw]

Korzystając z margin: auto; musisz mieć ustawioną szerokość bloku obejmującego. Dla #tresc ustaw szerokość taką jak ma logo, a dla nawigacji zmniejsz obecne 1000px do rzeczywistej szerokości menu.

[heldan]

Dziękuję za pomoc, teraz już działa.

Pozdrawiam