Jak wycentrować bloga?

15.06.10, 19:32
Jak wycentrować mojego bloga: futbols.blox.pl aby strona była na środku we
wszystkich przeglądarkach?

To mój kod css:

BODY {background-image: url(/resource/duzetlo.jpg);
MARGIN-TOP: 0px; FONT-SIZE: 13px; MARGIN-LEFT: 0px; COLOR: #000;
MARGIN-RIGHT: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana; TEXT-ALIGN:
left;background-color:#374955
}
#BlogGlownyBox {background-image: url(/resource/duzetlo.jpg);
background-repeat:no-repeat;background-position:bottom left;
PADDING-RIGHT: 18px; PADDING-LEFT: 18px; PADDING-BOTTOM: 18px; MARGIN-LEFT:
100px; WIDTH: 840px; PADDING-TOP: 18px; TEXT-ALIGN: left
}
    • irytek05 Re: Jak wycentrować bloga? 15.06.10, 21:09
      Z #BlogGlownyBox usuń margin-left: 100px; i wpisz margin: 0 auto;
      Jesli w #BlogBodyBox też masz margin-left, to zrób z nim to co wyżej.
    • 90adam Re: Jak wycentrować bloga? 16.06.10, 10:30
      Nie za bardzo działa. Pomiędzy stopką a tłem dla BlogBodyBox coś się zepsuło.

      A na wyższej rozdziałce monitora tło nie układa się tak względem elementów bloga
      tak jak chciałem. Bo w tle mam dwa kolory.

      PS. Przy większej rozdziałce tło zaczyna się powtarzać w poziomie tzn za tym
      ciemnym fioletem (w tle) zaczyna znowu się ten beżowy. Na normalnej rozdziałce
      jakiej używam tego nie mam (strona kończy się po tym fiolecie. Da się tak
      zrobić, aby było tak przy każdej rozdziałce?
    • 90adam Re: Jak wycentrować bloga? 16.06.10, 10:31
      A i jeszcze mój kod BlogBodyBox:

      #BlogBodyBox {
      margin: 0 auto;
      padding-top:0;
      text-align:left;
      width:860px;
      background: transparent url(/resource/szpalty.jpg) repeat-y right; position:
      relative;
      • irytek05 Re: Jak wycentrować bloga? 16.06.10, 11:29
        Wydaje mi się, że plik graficzny "dużetlo.jpg", który masz w BODY, powinno się wycentrować. Jesli nie ustawisz go centralnie, to przeglądarka domyślnie ustawi go od lewej strony. W Twojej rozdzielczości to pasuje w innej już nie.
        BODY {background: #kolor url(/resource/dużetlo.jpg) repeat-y center; + pozostały kod z body...}
        #kolor - to wybrana przez Ciebie barwa uzupełniająca tło w większych rozdzielczościach.
        Plik tła szablonu po wycentrowaniu powinien odpowiednio nakładać się na grafikę body, ale to powinno się ustalić na etapie robienia tła w programie graficznym.
    • 90adam Re: Jak wycentrować bloga? 16.06.10, 13:40
      Wycentrowanie teraz działa, tylko ten kolor tła podczas większej rozdzielczości
      nie działa. Tzn ja np ustawiłem czarny albo szary, a w przeglądarce to się nie
      zmienia. Jest tylko domyślny ustawiony przez przeglądarkę. Mam mozille.

      BODY {background: #DDDDDD url(/resource/duzetlo.jpg) repeat-y center;
      • irytek05 Re: Jak wycentrować bloga? 16.06.10, 14:32
        To dziwne, powinien wyznaczony kolor się pojawić. Zazwyczaj okazuje się, ze jest gdzieś błąd w zapisie w CSS. Czasami brakuje średnika, lub innego detalu,(ten zapis, który tu skopiowałeś jest poprawny) a może gdzieś w kodzie css poniżej w arkuszu masz jakis zapis dotyczący background w Body. To co jest niżej zapisane w arkuszu, jest dla przeglądarki obowiązujące.
    • 90adam Re: Jak wycentrować bloga? 16.06.10, 18:46
      Miałeś racje z tym zapisem. Dalej w kodzie był określony kolor dla tła. smile Dzięki !
Inne wątki na temat:
Pełna wersja