[css] Wyśrodkowanie diva, z elementami z float w środku Opcje

[krzywy36]

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]

margin: 0 auto;

[Akairis]

a w IE ?

[kill15]

W ie nie pójdzie tak??
to może po prostu:

margin: auto;

[Akairis]

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 
#div{
position: absolute;
left: 50%;
margin-left: -połowa_długości_Diva;
width: długość_Diva;
}
[CSS] pobierz, plaintext 

Ten post edytował Ociu 23.04.2011, 12:11:10

Powód edycji: [Ociu]: dodałem bbCode

[kill15]

być moze margin nie zadziałał dlatego że:

nie ma określonej szerokości

[krzywy36]

dokładnie, dlatego sposób podany przez @Akairis też nie działa, jakieś inne pomysły?

Ten post edytował krzywy36 23.04.2011, 07:38:39

[hieroshima]

width: 100% albo width: auto i wtedy margin: 0 auto;

Ten post edytował hieroshima 23.04.2011, 10:59:29

[Akairis]

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 
#top{
position: absolute;
left: 50%;
margin-left: -480px;
width: 960px;
}
[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

Ten post edytował Ociu 23.04.2011, 12:10:52

Powód edycji: [Ociu]: dodałem bbCode

[hieroshima]

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]

@hieroshima, Twój sposób też nie działa, przy width: auto, szerokość pozostaje ustawiona na 100% (divy domyslnie maja wyswietlanie 100%).

[IceManSpy]

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.