Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Wyśrodkowanie diva, Jak ustawić diva po środku innego diva?
JacekKw
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 9.03.2010

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

Niby podstawa a tyle z tym problemów. Czytałem o tym kilka wątków i natknąłem się jedynie na rozwiązanie margin: 0px auto, które jest w moim przypadku nieskuteczne
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

div-owi nadrzędnemu trzeba nadać style display: table-cell; i vertical-align: middle;, a div-owi w środku margin: 0 auto;. Sprawdź to:
[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <meta name="content-type" content="text/html; charset=UTF-8" />
  4.         <style type="text/css">
  5.         	#box1 {
  6.         		border: 1px solid #ccc;
  7. 				width: 500px;
  8. 				height: 200px;
  9. 				display: table-cell;
  10. 				vertical-align: middle;
  11.         	}
  12. 			#box2 {
  13. 				margin: 0 auto;
  14. 				border: 1px solid #000;
  15. 				width: 100px;
  16. 				height: 50px;
  17. 			}        
  18.         </style>
  19.     </head>
  20.     <body>
  21.     	<div id="box1">
  22.     		BOX 1
  23.     		<div id="box2">
  24.     			BOX 2
  25.     		</div>    		
  26.     	</div>
  27.     </body>
  28. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- JacekKw   [CSS]Wyśrodkowanie diva   10.03.2010, 13:18:02
- - lord_t   A szerokość ustawiłeś?   10.03.2010, 13:19:37
- - Kethrax   [HTML] pobierz, plaintext <style type="tex...   10.03.2010, 13:22:54
- - artur_dziocha   nie da rady tak. ustaw margin w b na margin: 0px 1...   10.03.2010, 13:26:03
- - Kethrax   Szerokość div'a ustawiłem tylko przykładową, u...   10.03.2010, 13:40:12
- - JacekKw   Popełniłem błąd w analizie problemu. margin 0 auto...   10.03.2010, 13:54:24
- - mortus   Niestety musisz mieć ustawioną szerokość każdego d...   10.03.2010, 14:09:31
- - krzysztof_kf   pokaż kawałek css   10.03.2010, 14:22:03
- - JacekKw   [XML] pobierz, plaintext #menu {width: 550px;heigh...   10.03.2010, 14:38:39
|- - Kethrax   Cytat(JacekKw @ 10.03.2010, 14:38:39 ...   10.03.2010, 14:44:19
- - Kethrax   JacekKw tak jak napisałem wyżej -> ma być margi...   10.03.2010, 14:40:37
- - JacekKw   Przecież jest...   10.03.2010, 14:42:02
- - mortus   A co to za różnica, czy będzie margin: 0 auto; czy...   10.03.2010, 14:48:38
- - krzysztof_kf   jeśli chcesz jeden button wyśrodkować Kod#menu { ...   10.03.2010, 15:08:15
- - JacekKw   Dziękuję Panowie. Rozwiązanie mortusa w pełni rozw...   11.03.2010, 09:25:40
- - mortus   div-owi nadrzędnemu trzeba nadać style display: ta...   11.03.2010, 11:34:24
- - JacekKw   To dla mnie kłopotliwe w implemetacji, gdyż używam...   11.03.2010, 12:31:04
- - krzysztof_kf   Kod<style type="text/css"> #tresc ...   11.03.2010, 13:25:26
- - mortus   Niestety, jeżeli używasz wielkości procentowych, t...   11.03.2010, 15:07:34

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.09.2025 - 05:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn