Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Centrowanie DIVa w pionie
kamiseq
post
Post #1





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 12.07.2005
Skąd: krakow

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

centrowanie w poziomie jest proste text-align: center w body{} i margin: 0 auto;w glownym divie.

a jak zrobic zeby ten div wycentrowalo w pionie, gdy np dajemy pelny ekran.
margin: auto auto; nie dziala:|


i podobne pytanko jak wycentrowac zawartosc takiego diva w pionie, bo valign mi jkaos nie dzialal i chyba nie jest to zgdne ze sztuka.

dzieki za rady, bo nigdzie nic nie moge znalesc: (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif) ]
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mariuszn3
post
Post #2





Grupa: Zarejestrowani
Postów: 352
Pomógł: 0
Dołączył: 22.01.2006

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

Cytat(TomASS @ 2006-03-05 13:05:48)
Autorowi chyba chodziło o wycentrowanie w pionie. A kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <style>
  5. html, body {
  6.   height:100%
  7. }
  8. .valign-wrapper {
  9.   height:100%;
  10.   width:100%;
  11.   display:table;
  12.   background: Maroon;
  13. }
  14. .valign {
  15.   margin:0 auto; 
  16.   display:table-cell;
  17.   vertical-align:middle;
  18.   background: Yellow;
  19. }
  20. </style>
  21. <body>
  22. <div id="jeden" class="valign-wrapper">
  23.    zewnatrz
  24.   <div id="dwa" class="valign">
  25.   srodek
  26.   </div>
  27. </div>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext

Niestety tego nie robi :/ Może coś źle wpisuje?

To działa.. ale tylko w jedynych słusznych przeglądarkach ;-)
Aby zadziałało w internet explorerze faktycznie trzeba użyć javascriptu..
ale można go wsadzić poprzez expression do css'a:
Kod
.valign {
  margin:0 auto;    
  display:table-cell;
  vertical-align:middle;
  margin-top:expression((x=document.documentElement.clientHeight-this.scrollHeight)>0?x/2+'px':0);

}


Działający przykład (wzięty z posta na webesteem forum) można znaleźć tutaj.

Ten post edytował mariuszn3 5.03.2006, 14:32:06
Go to the top of the page
+Quote Post

Posty w temacie
- kamiseq   [css] Centrowanie DIVa w pionie   5.03.2006, 11:05:07
- - mariuszn3   Jedyny uniwersalny sposób to emulowanie tablicy po...   5.03.2006, 11:26:00
- - TomASS   Autorowi chyba chodziło o wycentrowanie w pionie. ...   5.03.2006, 14:05:48
- - dr_bonzo   Przenioslem topic do Po stronie przegladarki > ...   5.03.2006, 14:13:21
- - mariuszn3   Cytat(TomASS @ 2006-03-05 13:05:48)Autorowi c...   5.03.2006, 14:31:39
- - gekon   Było: http://forum.php.pl/index.php?showtopic=2914...   5.03.2006, 14:38:40
- - TomASS   CytatTo działa.. ale tylko w jedynych słusznych pr...   5.03.2006, 15:07:33
- - kamiseq   dzieki:]   5.03.2006, 15:40:15
- - gekon   Nie rozumiem dlaczego stosujecie JS tam gdzie wyst...   5.03.2006, 16:08:31
- - TomASS   Cytat(gekon @ 2006-03-05 17:08:31)Nie rozumie...   5.03.2006, 17:59:00
- - mariuszn3   Cytatczyli akurat większość użytkowników miała by ...   5.03.2006, 18:13:36

« Następny starszy · CSS · 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: 9.10.2025 - 04:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn