Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
CSS - problem z pozycjonowaniem bloków (div) - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS - problem z pozycjonowaniem bloków (div) (/thread-css-problem-z-pozycjonowaniem-blokow-div)



CSS - problem z pozycjonowaniem bloków (div) - wojtek2s - 13-02-2010




RE: CSS - problem z pozycjonowaniem bloków (div) - dziamber - 13-02-2010

Całą stronę wpakuj w div opakowujący:
Kod:
#kontener {
width: 900px; // twoja szerokosc
margin: 0px auto;
padding: 0px;
}



RE: CSS - problem z pozycjonowaniem bloków (div) - wojtek2s - 13-02-2010

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.


RE: CSS - problem z pozycjonowaniem bloków (div) - dziamber - 13-02-2010

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.


RE: CSS - problem z pozycjonowaniem bloków (div) - wojtek2s - 13-02-2010

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


RE: CSS - problem z pozycjonowaniem bloków (div) - Dhofca - 13-02-2010

@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.


RE: CSS - problem z pozycjonowaniem bloków (div) - dziamber - 13-02-2010

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 Smile


RE: CSS - problem z pozycjonowaniem bloków (div) - Labsta.com - 13-02-2010

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


RE: CSS - problem z pozycjonowaniem bloków (div) - Dhofca - 13-02-2010

Czyli obaj mieliśmy po trochę racji. Wink