Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [W3C] Jak wysrodkowac strone zgodnie z walidatorem ?
free
post
Post #1





Grupa: Zarejestrowani
Postów: 269
Pomógł: 0
Dołączył: 6.02.2006

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

Stosuje dotychczas kod z HTML 4.01:
[HTML] pobierz, plaintext 
  1. <div align="center"> ... </div>
[HTML] pobierz, plaintext

Ale przy XHTMLu jest to błędne podejście jak więc prawidłowo wyśrodkować ?
Go to the top of the page
+Quote Post
gekon
post
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

Nie ma różnicy czy HTML czy XHTML - i tak jest źle. Ważne czy Strict czy Transitional. http://riddle.jogger.pl/2006/04/19/wszystk...trowaniu-w-css/


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
tommy4
post
Post #3





Grupa: Zarejestrowani
Postów: 288
Pomógł: 12
Dołączył: 2.12.2005

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

style="margin: 0 auto;"
Go to the top of the page
+Quote Post
barat
post
Post #4





Grupa: Zarejestrowani
Postów: 183
Pomógł: 0
Dołączył: 19.05.2007

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

Cytat(tommy4 @ 29.05.2007, 17:24:05 ) *
style="margin: 0 auto;"

Oprócz margin na auto (jak top i bottom chcesz mieć jakieś inne to chodzi o to, że margin-left i margin-right musisz ustawić na auto) musisz jeszcze zrobić mały trick dla przeglądarki Bill'a smile.gif
Dla body ustaw text-align: center (w CSS) a dla głównej warstwy 9kontenera) text:align:left (czy jaki tam cchesz).
Po prostu IE centruje DIV-y po text-align smile.gif
Go to the top of the page
+Quote Post
ano
post
Post #5





Grupa: Zarejestrowani
Postów: 435
Pomógł: 40
Dołączył: 16.02.2003
Skąd: Wrocław

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

Identyczny problem jest poruszany w FAQ'u!
Temat: CSS i XHTML Najczesciej zadawane pytania
punkt 2.


--------------------
Linkedin | ...
Go to the top of the page
+Quote Post
barat
post
Post #6





Grupa: Zarejestrowani
Postów: 183
Pomógł: 0
Dołączył: 19.05.2007

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

Ale nie było info o tym co dodałem (text-align:center dla ułomnego Internet Explorer'a) smile.gif
Go to the top of the page
+Quote Post
babejsza
post
Post #7





Grupa: Zarejestrowani
Postów: 407
Pomógł: 1
Dołączył: 4.03.2003
Skąd: warszawa

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

Nie trzeba stosować text-align: center aby wyśrodkować div'a dla IE. Wystarczy samo margin: 0 auto;
Go to the top of the page
+Quote Post
revyag
post
Post #8





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

@babejsza - mylisz się. Trzeba. Centrując kontener dla body musi być ustawione text-align:center.


--------------------
-------------

------
Go to the top of the page
+Quote Post
gekon
post
Post #9





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

W Standarts Mode nie musi, w Quirks Mode musi. Myślę, że dyskusja wyczerpana.


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
babejsza
post
Post #10





Grupa: Zarejestrowani
Postów: 407
Pomógł: 1
Dołączył: 4.03.2003
Skąd: warszawa

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

@revyag - tak jak napisał @gekon, więc się nie myliłem. Podałem pół prawdy, ale celowo bo nie widzę potrzeby stosowania Transistional w jakimkolwiek projekcie, co prowadzi do konkluzji, którą napisałem już w poprzednim poście, czyli NIE TRZEBA stosować text-align: center.
Go to the top of the page
+Quote Post
revyag
post
Post #11





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Przyznaję że nie sprawdziłem tego.
Ale w kwestii sprostowania, chodzi o to że jeśli coś będziesz miał coś przed doctype, albo nie będzie go, wtedy strona się nie wycentruje pod ie.
Natomiast w przeciwnym wypadku, to czy jest strict czy trasitional nie ma znaczenia bo i tak będzie wycentrowana.


--------------------
-------------

------
Go to the top of the page
+Quote Post
babejsza
post
Post #12





Grupa: Zarejestrowani
Postów: 407
Pomógł: 1
Dołączył: 4.03.2003
Skąd: warszawa

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

hmmm, z punktu widzenia moich przeglądarek winksmiley.jpg poniższy kod wszędzie wygląda tak samo. I bez znaczenia jest tu czy doctype będzie

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[HTML] pobierz, plaintext 


[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 lang="pl">
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 		<title>Untitled Document</title>
  6. 		<style type="text/css">
  7. 		body, div, p, img, h1, h2, h3, h4, ul, li {padding: 0; margin: 0; border: none}
  8. 		div {width: 300px; margin: 0 auto; border: 1px solid #000}
  9. 		</style>
  10. 	</head>
  11. 	<body>
  12. 		<p>aaa</p>
  13. 		<div>test</div>
  14. 		<p>bbb</p>
  15. 	</body>
  16. </html>
[HTML] pobierz, plaintext


I powie Ci, że sam jestem lekko tym zaskoczony, bo wcześniej byłem przekonany że tak jak pisał @gekon w QM nie może to działać. Co do czegoś przed doctype to przecież umieszczanie czegoś w prologu jest niezgodne ze specyfikacją i nie ma tu znaczenia czy będzie to w QM czy nie.

Ciągle jestem zaskoczony tym, że w QM margin: 0 auto mi działa. Why? Dałbym sobie wcześniej rękę odjąć za to iż to nie było możliwe ... smile.gif
Go to the top of the page
+Quote Post
Zajec
post
Post #13





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Cytat(revyag @ 30.05.2007, 18:58:11 ) *
Przyznaję że nie sprawdziłem tego.
Ale w kwestii sprostowania, chodzi o to że jeśli coś będziesz miał coś przed doctype, albo nie będzie go, wtedy strona się nie wycentruje pod ie.
Natomiast w przeciwnym wypadku, to czy jest strict czy trasitional nie ma znaczenia bo i tak będzie wycentrowana.

Jak nie będzie poprawnego DOCTYPE to i tak się wszysto posypie (width, height, border, margin, padding)
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

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