Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] layout się rozwala pod transitional - przykład
dplus
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 1.11.2006

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

Chcę osiągnąć jeden div w drugim z marginesem, oba wycentrowane po środku strony - efekt

Czyli robię margin auto, wsadzam je jeden w drugi, ustawiam marginy bottom, left i right na 10 i działa, ale tylko bez definicji DOCTYPE, gdy ją wstawię w FF wszystko się rozwala, auto centrowanie nie działa. Co dziwne pod IE wszystko działa czy z definicją czy bez - pewnie dlatego, że i tu i tu jest quirks mode. Nie wiem jak sprawdzić w jakim trybie renderuje IE.

[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  7.  
  8. <head>
  9. 		<title>Test</title>
  10. 		<meta http-equiv="Content-type" content="text/xhtml; charset=utf-8" />		
  11. 		<link rel="stylesheet" href="css/styl.css" type="text/css" media="all" />
  12. 		<style type="text/css" media="all">@import url("css/styl.css");</style>
  13.  
  14. </head>
  15. <body>
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <div style="position: absolute; width: 920; margin: auto 0;">
  22. 	<div style="float: left; height: 80%; width: 920; padding-left: 10; padding-right: 10; padding-bottom: 10; background-color: white;">
  23. 		<div style="float: left; width: 900; height: 75%; padding: 10; background-color: grey;"> test </div>
  24. 	</div>
  25. </div>
  26.  
  27.  
  28.  
  29.  
  30. </body>
  31. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Kreton
post
Post #2





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 20.02.2005

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

IE renderuje w trybie zgodności wstecz, bo masz prolog XML, który właśnie powoduje tryb dziwactw w IE6. Jednak, gdy używasz UTF-8 albo UTF-16 prolog nie jest konieczny.

Co do pozycjonowania w pionie: http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/
Go to the top of the page
+Quote Post

Posty w temacie
- dplus   [xhtml] layout się rozwala pod transitional - przykład   20.08.2008, 17:31:14
- - Kreton   IE renderuje w trybie zgodności wstecz, bo masz pr...   21.08.2008, 14:02:21
- - dplus   dzięki. dostaję już mętliku w głowie. zawsze to si...   21.08.2008, 21:28:49
- - marcim   Też dopier uczę się CSS, ale czy : [HTML] pobierz,...   1.09.2008, 11:01:34
- - revyag   jw. Wywal position absolute i po sprawie.   1.09.2008, 11:06:35
- - marcim   Już edytowałem posta ajćć Ale jeszcze musisz wszę...   1.09.2008, 11:10:12
- - dplus   dzięki. nie spodziewałem się, że po tak długim cza...   2.09.2008, 19:46:08

« Następny starszy · HTML \ XHTML · 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: 6.10.2025 - 21:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn