[CSS][HTML] Wyśrodkowanie diva nie znając width. Opcje

[miras]

Witam, mam pytanko - jest możliwość wyśrodkowania diva nie znając jego szerokości ? np.

[HTML] pobierz, plaintext 
#.win {
	width: 100%;
}
 
 
.win .menu {
	margin-left: auto;
	margin-right: auto;
}
 
.win .menu .kafelki1 {
	float: left;
}
 
.win .menu .kafelki1 a {
	display: block;
	width: 133px;
	height: 130px;
	padding-top: 10px;
}
[HTML] pobierz, plaintext 

ten kod oczywiście nie działa, dałem tylko taki przykład - da się to jakoś zrobić?

Dzięki z góry!

[webdice]

Spróbuj z szerokością ustawioną na 100%.

[Damonsson]

To nie jest przykład, to jest bzdurny kod CSS nie mówiący o niczym.

Środkowanie bez znajomości szerokości można zrobić poprzez:
- ustawienie dla pożądanego elementu, marginesu lewego i prawego na auto,
- bądź ustawienie text-align: center dla jego rodzica.

Zależnie od tego jakie elementy chcesz środkować.

[miras]

Ustawienie szerokości na 100% nic nie daje a chce wysrodkowac div kafelki1..

[webdice]

Nie wyśrodkujesz elementu ktory ma float left.

[miras]

No i właśnie w tym tkwi problem, bo te divy kafelki1 muszą się układać obok siebie... da się to jakoś rozwiązać?

[webdice]

Stwórz div który je obejmie i go wyśrodkuj.

[miras]

mam tak:

[HTML] pobierz, plaintext 
#.win {
	width: 100%;
}
 
 
.win .menu {
	margin-left: auto;
	margin-right: auto;
}
 
.win .menu .kafelki1 {
	float: left;
}
 
.win .menu .kafelki1 a {
	display: block;
	width: 133px;
	height: 130px;
	padding-top: 10px;
}
 
.wysrodkowanie {
   margin-left: auto;
   margin-right: auto;
}
 
 
 
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="win">
	<div class="menu"><div class="wysrodkowanie">
		<div class="kafelki1"><a href="index.php">odnosnik</a></div>
		<div class="kafelki1"><a href="index.php">odnosnik</a></div>
		<div class="kafelki1"><a href="index.php">odnosnik</a></div>
		<div class="kafelki1"><a href="index.php">odnosnik</a></div>
		<div class="kafelki1"><a href="index.php">odnosnik</a></div>
		<div class="kafelki1"><a href="index.php">odnosnik</a></div>		
	</div></div>
</div>
[HTML] pobierz, plaintext 

i nadal nic...