CSS - problem z pozycjonowaniem bloków (div)

[wojtek2s]

[dziamber]

Całą stronę wpakuj w div opakowujący:

Kod:

#kontener {
width: 900px; // twoja szerokosc
margin: 0px auto;
padding: 0px;
}

[wojtek2s]

Dzięki.
Dałem to w "DIV opakowujący", ale nie potrafiłem go wypozycjonować.

Kod:

margin: 0px auto;

Powinienem to zapamiętać, ale szczerze mówiąc nie wiem dlaczego akurat tak to wygląda. Jeśli ktoś może niech mi to wytłumaczy, wiem że dzięki temu jest wyśrodkowane ale wolałbym wiedzieć o co chodzi.

[dziamber]

Ustawiasz margin na auto czyli przeglądarka sama zagospodaruje tak wolną przestrzenią na monitorze, że po prawej i po lewej będzie tyle samo pustego miejsca, a 0px to deklarujesz że nie ustawiasz własnego marginu na wszelki wypadek, a może jakiś idiotyczny IE to zle zinterpretuje i wyjdzie Ci mieszanka zamiast strony.

[wojtek2s]

dzięki wielkie, teraz już wszystko rozumiem.
Pozdro

[Dhofca]

@dziamber, a to 0px nie znaczy czasami marginesu górnego? Bo margin ma kolejno wartości margin: górny prawy dolny lewy więc przeglądarka to chyba interpretuje jako górny + automatyczny reszta. Przepraszam jeżeli się mylę, ale cały czas używam tego własnie w taki sposób i to działa, ale z bardziej doświadczonymi sprzeczał się nie będę.

Pozdrawiam.

[dziamber]

Jeżeli ustawimy margin: 0px 0px 0px 0px; to ten pierwszy odpowiada rzeczywiscie za margin-top, jednak gdy pozostawimy margin: 0px to odpowiada za to że cały margin jest równy 0. Z resztą ilu jest programistów, projektantów, webmasterów tyle jest interpretacji kodu, ważne jest działanie kodu w praktyce a nie jego książkowa definicja

[Labsta.com]

@Dhofca najlepiej sprawdzić doświadczalnie, bo się lepiej utrwali, odpowiedź brzmi: margin: 0px auto - > top, bottom = 0px; left,right = auto;

[Dhofca]

Czyli obaj mieliśmy po trochę racji.