Wyśrodkowanie elementu Opcje

[suchy1]

Witam,

chciałbym wyśrodkować logo (typu jpg) oraz menu. Oba elementy nie moga byc statyczne, jezeli zmienimy rozdzielczosc musze byc w dobrym miejscu.

[HTML] pobierz, plaintext 
#topPan{
	background:url(images/background.gif) 0 0 repeat-x; 
	height:62px; 
	position:relative; 
	margin-top: 35px;
	clear:both;
}
 
#logo{
	width:201px; 
	position:absolute; 
	margin-top:10px; 
	padding-left:20% auto;	
}
[HTML] pobierz, plaintext 

kod html

[HTML] pobierz, plaintext 
<div id="topPan">
  <div id="logo"><img src="images/logo_firmy.gif"></div>
 
  <ul>
		<li class="home">Start</li>
		<li><a href="oferta.html">Oferta</a></li>
		<li><a href="ofirmie.html">O firmie</a></li>
		<li><a href="dojazd.html">Dojazd</a></li>
		<li><a href="kontakt.html">Kontakt</a></li>
  </ul>	
 
</div>
[HTML] pobierz, plaintext 

Czy konieczne jest podanie w CSS szerokosci (wtedy działa). Gdyz che miec w tym DIV tlo na 100% strony (czyt. repeat-x).
Pozdrawiam

[ayeo]

Witam!

Jak chcesz wycentrować coś co ma 100% szerokości? Oczywiście, że musisz podać width. Zrób sobie osobnego diva, taki pojemnik, w nim ustaw tło z repeat-x i daj tam te swoje właściwe z ustawioną szerokością. Nie wiem czy do końca o to chodziło...

Pozdrawiam!

[hetaroi]

jeśli dobrze kojarzę to przy ustawieniu w css:

[HTML] pobierz, plaintext 
margin: auto;
[HTML] pobierz, plaintext 

powinno być wyśrodkowane

[erix]

Ale i tak musi obrać te elementy w jakiegoś wrappera i jemu nadać margin: auto.