Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Centrowanie bloków w pionie i poziomie
phpoint
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 18.08.2008

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

Witam,
Czy istnieje jakiś sposób wycentrowania bloków w pionie i w poziomie uniwersalnie dla FF, Opery, IE6 i IE7?

W googlach znalazłem 2 tutoriale ale niestety one nie działają...
http://www.google.pl/url?sa=t&source=w...h8Uz-rBjVu27g5Q

http://www.google.pl/url?sa=t&source=w...qDyfaVrwZw06Xyw
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
phpoint
post
Post #2





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 18.08.2008

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  2.  <html xmlns="http://www.w3.org/1999/xhtml"> 
  3.  <head> 
  4.  <title>Middle</title> 
  5.  <style type="text/css"> 
  6.  html, body { 
  7.    padding:0; 
  8.    margin:0; 
  9.    height:100%; 
  10.    width:100%; 
  11.  } 
  12.  html { 
  13.    display:table; 
  14.  } 
  15.  body { 
  16.    display:table-cell; 
  17.    vertical-align:middle; 
  18.    text-align:center; 
  19.  } 
  20.  #middle { 
  21.    width:400px; 
  22.    margin:0 auto; 
  23.    border:1px solid black; 
  24.  } 
  25.  * html #middle { 
  26.    position:absolute; 
  27.    top:expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px'); 
  28.    left:50%; 
  29.    margin-left:-200px; /* połowa szerokosci warstwy */ 
  30.  } 
  31.  </style> 
  32.  </head> 
  33.  <body xml:lang="pl"> 
  34.    <div id="middle">jakis napis</div> 
  35.  </body> 
  36.  </html>
[HTML] pobierz, plaintext
znalazlem cos takiego, ale w IE7 tez sie wysypuje
Go to the top of the page
+Quote Post

Posty w temacie
- phpoint   [HTML][CSS] Centrowanie bloków w pionie i poziomie   29.08.2008, 11:25:47
- - wookieb   W poziomie Kodbody { text-align: center; } di...   29.08.2008, 11:29:21
- - phpoint   Pod koniec 2 tutoriala masz link http://riddle.pl/...   29.08.2008, 11:39:45
- - wookieb   Kodfunction centruj(element) { element.sty...   29.08.2008, 11:42:55
- - phpoint   [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC...   29.08.2008, 11:44:58
- - wookieb   Kod z podanego linku działa jeżeli zamienisz Kod...   29.08.2008, 11:47:52
- - vokiel   Te centrowanie działa we wszystkich przeglądarkach...   29.08.2008, 12:59:30

« 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.12.2025 - 22:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn