Forum PHP.pl > [CSS]Wycentrowanie div'ów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Kamil9132

29.12.2010, 16:23:10

Witam
Jak wycentrować divy ?
Znam sposoby:
-center
-left 50%

Ale mi chodzi jak wycentrować divy ,które mają określone parametry (left 400px).

muniekw

29.12.2010, 16:55:49

w stylach robisz

[PHP] pobierz, plaintext 
margin: 0; 
padding:0; 
text-align: center;
[PHP] pobierz, plaintext

webdice

29.12.2010, 16:57:51

Poczytaj o:

[CSS] pobierz, plaintext 
margin: 0 auto;
[CSS] pobierz, plaintext

Cytat(muniekw @ 29.12.2010, 16:55:49 )

w stylach robisz

[PHP] pobierz, plaintext 
margin: 0; 
padding:0; 
text-align: center;
[PHP] pobierz, plaintext

Chyba w IE6.

muniekw

29.12.2010, 16:59:53

Cytat(webdice @ 29.12.2010, 16:57:51 )

Poczytaj o:

[CSS] pobierz, plaintext 
margin: 0 auto;
[CSS] pobierz, plaintext

Fakt zapomniałem o tym:)

Kamil9132

29.12.2010, 18:18:47

Zrobiłem tak ale nie działa

[CSS] pobierz, plaintext 
<style type=\"text/css\">
 
body {
 
text-align: center;
 
}
 
</style>
[CSS] pobierz, plaintext

W moim kodzie są includowane 4 pliki i one nie są wyśrodkowane.

VIPPER_

29.12.2010, 18:23:43

text-align center nigdy nie wyśrodkuje div'a jako całego obiektu.

Jeżeli znasz dokładne wymiary, możesz zastosować prosty trick używając position: absolute:

[PHP] pobierz, plaintext 
.class {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
}
[PHP] pobierz, plaintext

Jednak należy pamiętać aby element-rodzic miał ustawione position:absolute bądź position:relative.

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.