[CSS]Wyśrodkowanie diva Opcje

[simonX]

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 
#Table_01 {
 
    position:absolute;
    left:0 ;
    top:0 ;
    width:990px;
    margin:0 auto;
    height:1400px;
 
}
 
 
[CSS] pobierz, plaintext 

[MateuszS]

dajesz <center> przed <div id="glowny"> i </center> po </div>. I cala strona wysrodkowana ;P

[simonX]

To przecież nie działa

[MateuszS]

no to daj do diva align= center i wywal position absolute , operuj na marginach a absolute uzywaj tylko gdy na prawde musisz

Ten post edytował MateuszScirka 23.11.2009, 17:41:06

[vokiel]

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 
<div id="kontener">
    <div id="zawartosc">To jest wycentrowane</div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#kontener{
    width:990px;
    height:1400px;
    text-align: center; /* centrowanie 2 */
}
#zawartosc{
    margin: 0 auto; /* centrowanie 1 */
    width: 500px;
    background: red;
}
[CSS] pobierz, plaintext 

[zegarek84]

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 
#Table_01 {
 
    position:absolute;
    left:0 ;
    top:0 ;
    width:990px;
    margin:0 auto;
    height:1400px;
 
}
 
 
[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 
#glowny {
    position:absolute;
    left:50%;
    top:0;
    width:990px;
    margin-left:-495px;
    height:1400px;/* nie wiem czy to konieczne - nie znam koncepcji - zawsze lepiej dawać przykład online ;p*/
 
}
[CSS] pobierz, plaintext