Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z wycentrowaniem DIV w CSS
Forum PHP.pl > Forum > Przedszkole
marcincompl
Witam
Szukałem na necie ale nie znalazłem, chciałbym wycentrować div w css tak aby ta tabelka zawsze wyświetlała się na środku. Photoshop wygenerował mi taki kod:
CODE
#Tabela_01 {
position:absolute;
left:0px;
top:0px;
width:1029px;
height:2637px;
}

#muzyczny-01_ {
position:absolute;
left:0px;
top:0px;
width:22px;
height:2637px;
}

#muzyczny-02_ {
position:absolute;
left:22px;
top:0px;
width:991px;
height:170px;
}

#muzyczny-03_ {
position:absolute;
left:1013px;
top:0px;
width:16px;
height:170px;
}

#muzyczny-04_ {
position:absolute;
left:22px;
top:170px;
width:1px;
height:337px;
}

#muzyczny-05_ {
position:absolute;
left:23px;
top:170px;
width:688px;
height:337px;
}

#muzyczny-06_ {
position:absolute;
left:711px;
top:170px;
width:303px;
height:337px;
}

#muzyczny-07_ {
position:absolute;
left:1014px;
top:170px;
width:15px;
height:2467px;
}

#muzyczny-08_ {
position:absolute;
left:22px;
top:507px;
width:990px;
height:614px;
}

#muzyczny-09_ {
position:absolute;
left:1012px;
top:507px;
width:2px;
height:614px;
}

#muzyczny-10_ {
position:absolute;
left:22px;
top:1121px;
width:992px;
height:494px;
}

#muzyczny-11_ {
position:absolute;
left:22px;
top:1615px;
width:991px;
height:506px;
}

#muzyczny-12_ {
position:absolute;
left:1013px;
top:1615px;
width:1px;
height:1022px;
}

#muzyczny-13_ {
position:absolute;
left:22px;
top:2121px;
width:991px;
height:516px;
}
krzysztof_kf

daj

  1. margin: 0 auto;
marcincompl
To było pierwsze którego próbowałem, nie działa...
CODE
margin: 0 auto;
rad11
A wez skasuj
  1. position:absolute
w odpowiednim divie i dopiero dodaj
  1. margin: 0 auto
marcincompl
Jak dam:
  1. position:absolute

  1. margin: 0 auto

wyśrodkuje mi tylko #Tabela_01 jak to co jest niżej jest usunięte.
Całość dalej jest od lewej....
rad11
To jest jeszcze opcja jak musi byc pozycja absolutna zebys dal left albo right jako % .
marcincompl
Cytat(rad11 @ 8.03.2014, 22:55:20 ) *
To jest jeszcze opcja jak musi byc pozycja absolutna zebys dal left albo right jako % .

Tak wiem, tylko tło mam obrazkowe wycentrowane i div też chciałbym mieć wycentrowane bo przy różnych rozdzielczościach ekranu
tło może się inaczej układać sad.gif
kropamk
no to po prostu nie możesz dla #Tabela_01 dać { left: 50%; margin-left: (1029/2)px; } ? smile.gif
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.