Witam, mam taki mały problem

[HTML] pobierz, plaintext 
<div style="width:1400px;margin:0 auto;background:#FFFFFF;position:relative">
 
<div style="float:left;"><img src="images/pl.gif"></div>
<div style="float:left;"><img src="images/pl.gif"></div>
 
</div>
[HTML] pobierz, plaintext 

Gdy usune, float:left, wszystko Ok, środkuje są podsobą, teraz jak zrobić aby wyśrodkowało z float:left ?


Proszę odrazu o podowiedź czy lepiej zastosować display:inline czy float:left? aby postawić 2 divy obok siebie?

Pozdrawiam

1. zmniejsz szerokosc diva glownego powiedzmy na 400
2. ustaw szerokosc kazdego diva ktory ma byc floatowany
3. wtedy Ci wysrodkuje

[HTML] pobierz, plaintext 
<div style="width:200px;margin:0 auto;background:#FFFFFF;position:relative">
      <div style="float:left; width: 100px;"><img src="images/pl.gif" alt="first"></div>
      <div style="float:left; width: 100px;"><img src="images/pl.gif" alt="second"></div>
</div>
[HTML] pobierz, plaintext 

dlaczego tak?
ustawiles glowny kontener ten z relative na 1400px i ten kontener zostal wysrodkowany a divy wewnetrzne razem z nim z tym, ze musza one miec jakas szerokosc zeby mogly znac swoje polozenie w divie nadrzędnym

jezeli masz monitor z niska rozdzielczoscia - nie polecam tworzyc tak ogromnych kontenerow z 1400px bo wtedy ciezko bedzie Ci co kolwiek zobaczyc jakis efekt.

pozdrawiam