Forum PHP.pl > [HTML][CSS]wycentrowanie strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]wycentrowanie strony

aleo

17.03.2009, 23:34:09

Witam jak w css ustawić aby strona wyświetlała się na środku ekranu gdy jest za duża rozdzielczość a nie od lewej strony ? używałem
float:center; ale nic nie daje :/

zelu

17.03.2009, 23:35:10

Ustaw prawy i lewy margines na auto

Pzdr

aleo

17.03.2009, 23:36:15

body {
background-image: url(background.jpg);center
margin: 0 auto 0 auto;} ?

ostrylg

17.03.2009, 23:39:41

[HTML] pobierz, plaintext 
body {
margin: 0 auto;
        }
[HTML] pobierz, plaintext

aleo

17.03.2009, 23:40:53

kurcze nic nie daje te rozwiązanie :/

zelu

17.03.2009, 23:41:06

[HTML] pobierz, plaintext 
body {
text-align: center;
}
 
div.srodek {
width: 500px;
margin: 0px auto;
}
 
 
<body>
  <div class="srodek">
    <p>Div na srodku</p>
  </div>
</body>
[HTML] pobierz, plaintext

Pozdro

aleo

17.03.2009, 23:44:55

kurczę nadal nic panowie musiałem dać <body>center>adsas</center> +text-align: center

zelu

17.03.2009, 23:47:36

A tak w ogole co Ty chcesz wycentrować? Bo jezeli jakis element blokowy to kod, ktory wczesniej napisalem musi dzialac

Nie ma bata

Pozdro

aleo

17.03.2009, 23:48:36

chcę wycentrować całą zawartość body

zelu

17.03.2009, 23:51:41

A co masz w tym body? Diva, tabele?

Asmox

18.03.2009, 06:52:28

Słuchaj aleo, zrób tak:
Umieść po znaczniku body znacznik <div class="main_wrapper">, bo całego body nigdy nie wyśrodkujesz (body to zawartość okna przeglądarki, którego ustalasz wielkość na przykład przez zmaksymalizowanie)
center.css (albo wklej to do znaczników style w sekcji <head>)

Kod

div.main_wrapper {
max-width: 1000px;
min-width: 800px;
/*Jeśli chcesz by układ miał stałą szerokość to wpisz TYLKO width*/
margin-left: auto;
margin:right: auto;
}

To pomoże na 100% (sam z tego korzystam). Niestety IE 6 nie obsługuje min i max width, ale olej to, nawet seniorzy sobie go upgradują do wersji 7.0

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.