Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Problem z wycentrowaniem DIV w CSS
marcincompl
post 7.03.2014, 23:01:26
Post #1





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 18.05.2007
Skąd: NiEmIaStO

Ostrzeżenie: (0%)
-----


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;
}
Go to the top of the page
+Quote Post
krzysztof_kf
post 7.03.2014, 23:40:50
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----



daj

  1. margin: 0 auto;
Go to the top of the page
+Quote Post
marcincompl
post 8.03.2014, 00:17:12
Post #3





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 18.05.2007
Skąd: NiEmIaStO

Ostrzeżenie: (0%)
-----


To było pierwsze którego próbowałem, nie działa...
CODE
margin: 0 auto;
Go to the top of the page
+Quote Post
rad11
post 8.03.2014, 10:38:58
Post #4





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


A wez skasuj
  1. position:absolute
w odpowiednim divie i dopiero dodaj
  1. margin: 0 auto
Go to the top of the page
+Quote Post
marcincompl
post 8.03.2014, 18:45:16
Post #5





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 18.05.2007
Skąd: NiEmIaStO

Ostrzeżenie: (0%)
-----


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....
Go to the top of the page
+Quote Post
rad11
post 8.03.2014, 22:55:20
Post #6





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


To jest jeszcze opcja jak musi byc pozycja absolutna zebys dal left albo right jako % .
Go to the top of the page
+Quote Post
marcincompl
post 9.03.2014, 20:39:22
Post #7





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 18.05.2007
Skąd: NiEmIaStO

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
kropamk
post 9.03.2014, 22:24:23
Post #8





Grupa: Zarejestrowani
Postów: 156
Pomógł: 12
Dołączył: 30.11.2011
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


no to po prostu nie możesz dla #Tabela_01 dać { left: 50%; margin-left: (1029/2)px; } ? smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.06.2025 - 06:55