Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Wyśrodkowanie diva
Forum PHP.pl > Forum > Przedszkole
krzywy36
22.04.2011, 23:00:49
Mam div, który nie ma określonej szerokości a w nim "pływa" kilka divów z float: left. Pytanie: jak wyśrodkować obejmujący div?
kill15
22.04.2011, 23:27:50
margin: 0 auto;
Akairis
22.04.2011, 23:32:24
a w IE ?
kill15
22.04.2011, 23:34:21
W ie nie pójdzie tak??
to może po prostu:

margin: auto;
Akairis
22.04.2011, 23:44:07
To też nie działa, ale zapytałem wujka googla i na 2 pozycji znalazło coś co sprawdziłem i działa

a dokładnie http://forum.php.pl/lofiversion/index.php/t35208.html

[CSS] pobierz, plaintext 
  1. #div{
  2. position: absolute;
  3. left: 50%;
  4. margin-left: -połowa_długości_Diva;
  5. width: długość_Diva;
  6. }
[CSS] pobierz, plaintext
kill15
22.04.2011, 23:46:12
być moze margin nie zadziałał dlatego że:
Cytat
nie ma określonej szerokości
krzywy36
23.04.2011, 07:37:46
dokładnie, dlatego sposób podany przez @Akairis też nie działa, jakieś inne pomysły?
hieroshima
23.04.2011, 10:58:59
width: 100% albo width: auto i wtedy margin: 0 auto;
Akairis
23.04.2011, 11:40:11
Cytat(krzywy36 @ 23.04.2011, 08:37:46 ) *
dokładnie, dlatego sposób podany przez @Akairis też nie działa, jakieś inne pomysły?



Jeśli mogę spytać w jakiej przeglądarce nie działa ?

U mnie to działa

[CSS] pobierz, plaintext 
  1. #top{
  2. position: absolute;
  3. left: 50%;
  4. margin-left: -480px;
  5. width: 960px;
  6. }
[CSS] pobierz, plaintext


Test na:
- FF4.0
- FF 3.6.10
- FF 3.5.8
- Chrome 6.0.472.63
- Chrome 7.0.517.44
- Chrome 8.0.552.215 beta
- IE 9
- IE 8
- IE 7
- IE 6
- IE 5.5
- Opera 9.64
- Opera 10
- Safari 4.0
hieroshima
23.04.2011, 12:00:31
Cytat(Akairis @ 23.04.2011, 12:40:11 ) *
Jeśli mogę spytać w jakiej przeglądarce nie działa ?

U mnie to działa

#top{
position: absolute;
left: 50%;
margin-left: -480px;
width: 960px;
}

Test na:
- FF4.0
- FF 3.6.10
- FF 3.5.8
- Chrome 6.0.472.63
- Chrome 7.0.517.44
- Chrome 8.0.552.215 beta
- IE 9
- IE 8
- IE 7
- IE 6
- IE 5.5
- Opera 9.64
- Opera 10
- Safari 4.0


U Ciebie działa bo masz ustawioną sztywno szerokość (width), a autor nie ma określonej szerokosci
krzywy36
25.04.2011, 08:19:57
@hieroshima, Twój sposób też nie działa, przy width: auto, szerokość pozostaje ustawiona na 100% (divy domyslnie maja wyswietlanie 100%).
IceManSpy
25.04.2011, 10:20:39
W IE trzeba ustawić DIV'a na text-align: center , a potem treść na text-align:left . Innego wyjścia chyba nie ma.
margin: 0 auto; -> takie coś pod IE nie działa.
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.