Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wyśrodkowanie diva
Forum PHP.pl > Forum > Przedszkole
simonX
23.11.2009, 17:22:08
Mam całą stronę zawartą pomiędzy <div id="glowny"><div>Reszta strony</div></div> i teraz mam pytanie jak mogę cała stronę wyśrodkować? znalazłem ze trzeba marginesy na auto ustawic ale nie działa

[CSS] pobierz, plaintext 
  1. #Table_01 {
  2.  
  3.     position:absolute;
  4.     left:0 ;
  5.     top:0 ;
  6.     width:990px;
  7.     margin:0 auto;
  8.     height:1400px;
  9.  
  10. }
  11.  
  12.  
[CSS] pobierz, plaintext
MateuszS
23.11.2009, 17:23:49
dajesz <center> przed <div id="glowny"> i </center> po </div>. I cala strona wysrodkowana ;P
simonX
23.11.2009, 17:32:13
To przecież nie działa
MateuszS
23.11.2009, 17:40:47
no to daj do diva align= center i wywal position absolute , operuj na marginach a absolute uzywaj tylko gdy na prawde musisz
vokiel
23.11.2009, 17:53:18
Skoro to jest dział CSS to skąd tu propozycje jakiś center, albo align=center??

Abyś mógł wycentrować jeden element w drugim:
1. ten centrowany musi mieć jakąś szerokość - centrujesz jego samego
2. kontener ma ustawione wyśrodkowanie zawartości
[HTML] pobierz, plaintext 
  1. <div id="kontener">
  2.     <div id="zawartosc">To jest wycentrowane</div>
  3. </div>
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. #kontener{
  2.     width:990px;
  3.     height:1400px;
  4.     text-align: center; /* centrowanie 2 */
  5. }
  6. #zawartosc{
  7.     margin: 0 auto; /* centrowanie 1 */
  8.     width: 500px;
  9.     background: red;
  10. }
[CSS] pobierz, plaintext
zegarek84
24.11.2009, 11:02:52
Cytat(simonX @ 23.11.2009, 17:22:08 ) *
Mam całą stronę zawartą pomiędzy <div id="glowny"><div>Reszta strony</div></div> i teraz mam pytanie jak mogę cała stronę wyśrodkować? znalazłem ze trzeba marginesy na auto ustawic ale nie działa

[CSS] pobierz, plaintext 
  1. #Table_01 {
  2.  
  3.     position:absolute;
  4.     left:0 ;
  5.     top:0 ;
  6.     width:990px;
  7.     margin:0 auto;
  8.     height:1400px;
  9.  
  10. }
  11.  
  12.  
[CSS] pobierz, plaintext

skoro już masz position:absolute to i tą drogą dam Ci inne rozwiązanie dla tego div z id=glowny (gdzie rozumiem że w stylach to chyba u Ciebie to samo co #Table_01 - mało konsekwentnie napisałeś ;p 
[CSS] pobierz, plaintext 
  1. #glowny {
  2.     position:absolute;
  3.     left:50%;
  4.     top:0;
  5.     width:990px;
  6.     margin-left:-495px;
  7.     height:1400px;/* nie wiem czy to konieczne - nie znam koncepcji - zawsze lepiej dawać przykład online ;p*/
  8.  
  9. }
[CSS] pobierz, plaintext

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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.