Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Wyśrodkowanie CSS - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wyśrodkowanie CSS (/thread-wy%C5%9Brodkowanie-css)

Wyśrodkowanie CSS - Freeq132 - 25-09-2010

Mam taki problem, ponieważ zrobiłem wszystko pięknie ładnie tylko że chcę aby strona nie była przesunięta do lewej strony, ale była wyśrodkowana niezależnie od rozdzielczości... Szukałem już w google, ale nic nie pomaga. Mój kod:

Kod:
#Tabela_01 {
    position:absolute;
    width:1024px;
    height:1300px;
}
#projekt-01_ {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:10px;
}
#zewnetrzny {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
}
#projekt-02_ {
    position:absolute;
    left:0px;
    top:10px;
    width:75px;
    height:1290px;
}

#projekt-03_ {
    position:absolute;
    left:75px;
    top:10px;
    width:899px;
    height:250px;
}

#projekt-04_ {
    position:absolute;
    left:974px;
    top:10px;
    width:50px;
    height:1290px;
}

#projekt-05_ {
    position:absolute;
    left:75px;
    top:260px;
    width:230px;
    height:86px;
}

#projekt-06_ {
    position:absolute;
    left:305px;
    top:260px;
    width:118px;
    height:202px;
}

#projekt-07_ {
    position:absolute;
    left:423px;
    top:260px;
    width:227px;
    height:86px;
}

#projekt-08_ {
    position:absolute;
    left:650px;
    top:260px;
    width:96px;
    height:202px;
}

#projekt-09_ {
    position:absolute;
    left:746px;
    top:260px;
    width:228px;
    height:86px;
}

#projekt-10_ {
    position:absolute;
    left:75px;
    top:346px;
    width:230px;
    height:116px;
}

#projekt-11_ {
    position:absolute;
    left:423px;
    top:346px;
    width:227px;
    height:116px;
}

#projekt-12_ {
    position:absolute;
    left:746px;
    top:346px;
    width:228px;
    height:116px;
}

#projekt-13_ {
    position:absolute;
    left:75px;
    top:462px;
    width:40px;
    height:838px;
}

#projekt-14_ {
    position:absolute;
    left:115px;
    top:462px;
    width:816px;
    height:720px;
    background-image: url(images/projekt_14.gif)
}

#projekt-15_ {
    position:absolute;
    left:931px;
    top:462px;
    width:43px;
    height:838px;
}

#projekt-16_ {
    position:absolute;
    left:115px;
    top:1182px;
    width:816px;
    height:118px;
}


RE: Wyśrodkowanie CSS - swinia - 25-09-2010

Kod:
#body
{
margin-left: auto;
margin-right: auto;
}


RE: Wyśrodkowanie CSS - Leja - 26-09-2010

luknij se tutaj Smile http://hubert.tulibacki.pl/artykuly/strona-zawsze-na-srodku

RE: Wyśrodkowanie CSS - bodziu - 28-09-2010

można też
Kod:
body {
margin: 0 auto;
}

po prostu zamiast dwóch komend margin left i right jest jedna, która wyśrodkowuje stronę od samej góry (bez żadnej przerwy)

RE: Wyśrodkowanie CSS - Kartofelek - 28-09-2010

I pewnie te komendy zadziałają ;] Szczególnie jeżeli nie macie podanej width.
Poza tym z samego css, to cięzko coś wywnioskować. Najszybciej to, że
A) kiepsko pocięte
B) masz zewnętrzny div o szerokości 780, który i tak jest centrowany. Reszta elementów jest pozycjonowana absolutnie, co się nie sprawdzi, bo zewnętrzny nie ma pozycjonowania relatywnego.

Więc może tak:
#zewnetrzny {
width: 780px;
margin-left: auto;
margin-right: auto;
position:relative;
}

Ale to strzał jak w totku, bo nie podałeś linka do strony.

RE: Wyśrodkowanie CSS - ixtab - 28-09-2010

Podaj link do strony, to się szybko wybadaSmile