Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Wyśrodkowanie CSS
#1
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;
}
Odpowiedz
#2
Kod:
#body
{
margin-left: auto;
margin-right: auto;
}
Odpowiedz
#3
luknij se tutaj Smile http://hubert.tulibacki.pl/artykuly/strona-zawsze-na-srodku
Odpowiedz
#4
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)
Odpowiedz
#5
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.
Odpowiedz
#6
Podaj link do strony, to się szybko wybadaSmile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  wyśrodkowanie obrazka discoratka 4 4,513 23-08-2013, 03:29
Ostatni post: Kartofelek
  wyśrodkowanie obiektów w <div><ul><li><a> [email protected] 5 4,306 02-01-2013, 03:30
Ostatni post: macder
Sad [Problem] Wyśrodkowanie div'a LAron 2 2,936 04-12-2012, 03:30
Ostatni post: LAron
  [css] wysrodkowanie szerokiego diva grzesiek77 3 3,982 18-05-2012, 00:41
Ostatni post: Heyek
  [CSS] Wyśrodkowanie elementu z automatyczną szerokością dawc 1 2,443 16-05-2012, 16:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl