ďťż

[CSS (HTML?)] Centrowanie strony

       

Podstrony


telcocafe

Jak to jest że znacznik <center></center> środkuje element dokładnie na środku strony, a w nowym standarcie XHTML ten znacznik nie jest zalecany, więc moje pytanie brzmi jak dokładnie na środku umieścić jakiś element strony aby działał na różnych rozdziałkach i przeglądarkach.
Może CSS, ale jak? :)
Bardzo proszę o rzeczowe posty ;)

P.S
Podawajcie swoje sposoby :D
Użytkownik p_p_c++ edytował ten post 13 marzec 2007, 18:01


.klasa { text-align: center; margin-left: auto; margin-right: auto; width: 50%; }

I masz klasę z wycentrowanym tekstem i zawartością. Także w centrum (poziom).

//małe formatowanie... Voila
Użytkownik pbnan edytował ten post 13 marzec 2007, 18:07

.klasa { text-align: center; margin-left: auto; margin-right: auto; width: 50%; }

I masz klasę z wycentrowanym tekstem i zawartością. Także w centrum (poziom).

//małe formatowanie... Voila

A dla diva, który nie ma tekstu tylko obrazy i tabele na przykład?
Widziałem coś podobnego tylko że z padding... czym się różni margin od padding bo efekt ten sam daje? :huh:
Użytkownik p_p_c++ edytował ten post 13 marzec 2007, 18:21
Margin to margines, padding to wypełnienie.
Dla diva, który nie ma tekstu, będzie (zapewne) ignorowany wpis "text-align"...
Użytkownik pbnan edytował ten post 13 marzec 2007, 18:27


Ja dodam tylko, że text-align wyśrodkowuje wszystkie elementy (również blokowe czy obrazki) tylko pod IE. W innych przeglądarkach (m.in. FF) centrowany jest jedynie tekt.

A polecam przeczytać to :)

edit: odnośnie tabeli w DIVie - możesz ją wycentrować, bawiąc się marginesami, np.<div><table style="margin: 0px auto;"> <!-- ... --> </table></div>Właśnie tego typu sposoby są omówione na w/w stronie :)
Użytkownik DJ_ProG edytował ten post 14 marzec 2007, 07:26
ja to zawsze robie tak

body {
text-align: center;
}

#ramka_stronki {
margin: 0 auto;
text-align: left;
}

tyle :P

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.