Centrowanie 3 divów


(Blady214) #1

Po raz kolejny mam problem z centrowaniem divów

Zwykle działało zwykłe

margin: 0px auto

, lecz tym razem nie ma żadnego efektu. Googlowałem i nic nie mogłem wynaleźć, a jest mi to pilnie potrzebne. XHTML:

LR

PR
[/code] CSS:
[code]div#statsy { width: 100%; height: 62px; background-color: #10355d; margin: 0 auto; position: relative; } div#instats { width: 932px; background-color:#FFF; height: 65px; float:left; position:relative; margin: 0px auto; } div#lewyrog { width: 59px; margin: 0px auto; margin-top: -2px; float:left; background-color:#FFF; position:relative; } div#prawyrog { float: left; position:relative; margin: 0px auto; }
Już na prawdę nie wiem jak to ogarnąć. :frowning: Edit: Wstawiłem dodatkowego diva wewnątrz statsów i dałem mu klasę.

div.centrowanie

{

	width: 1200px;

	margin: 0px auto;

}

Dobry sposób, czy może znacie jakiś inny?


(Grzesie K) #2

A jaki efekt chcesz tak dokładnie uzyskać? Co ma być wyśrodkowane i względem czego?


(A Krapik) #3

div stats: skoro dajesz szerokośc 100%, to żaden margin CI nie jest ptorzebny;

div instants: dajesz margin 0 auto; ale dodatkowo dajesz mu float: left; wiec i tak może go dociągać do lewej strony, usuń to;

to samo div lewy rog i prawy róg

wszędzie dajesz margin: 0 auto i jeszce float w lewo, dwie sprzeczne instrukcje