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.

  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. <title>Test</title>
  9. <meta http-equiv="Content-type" content="text/xhtml; charset=utf-8" />
  10. <link rel="stylesheet" href="css/styl.css" type="text/css" media="all" />
  11. <style type="text/css" media="all">@import url("css/styl.css");</style>
  12.  
  13. </head>
  14.  
  15.  
  16.  
  17.  
  18.  
  19. <div style="position: absolute; width: 920; margin: auto 0;">
  20. <div style="float: left; height: 80%; width: 920; padding-left: 10; padding-right: 10; padding-bottom: 10; background-color: white;">
  21. <div style="float: left; width: 900; height: 75%; padding: 10; background-color: grey;"> test </div>
  22. </div>
  23. </div>
  24.  
  25.  
  26.  
  27.  
  28. </body>
  29. </html>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
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
dplus
post
Post #3





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

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


dzięki. dostaję już mętliku w głowie. zawsze to się dzieje gdy po raz kolejny podchodzę do divów i xhtml.
obecnie doszedłem do tego, że xhtml do niczego nie jest mi potrzebny i zadowolę się dobrym HTML 4.01 STRICT, a przynajmniej spróbuję.

Właściwie próba się nie udaje. Oto link: STRONA WWW

Na IE 6 strona wygląda PRAWIE idealnie - brakuje jej jedynie wycentrowania, a pod menu powstaje przerwa której nie chcę mieć :/
Na FF 3 strona się kaszani strasznie. właściwie trzeba tu zobaczyć bo nie da się opisać.
Powyższe są w quirks mode.

Gdy dodam DOCTYPE html 4.01 strict to dzieją się rzeczy te co powyżej + dolne divy pod menu rozszerzają się na całą szerokość strony jakby pomijały kompletnie atrybut width. STRONA WWW z DODANYM DOCTYPE HTML 4.01 STRICT (tylko strona główna - index2.php)

Najlepiej sprawdzić sobie oba linki pod IE i FF żeby wiedzieć o co chodzi.

Ktoś może mi udzielić wskazówek jak doprowadzić to do ładu?
Go to the top of the page
+Quote Post
marcim
post
Post #4





Grupa: Zarejestrowani
Postów: 43
Pomógł: 0
Dołączył: 10.06.2006
Skąd: Kłodzko

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


Też dopier uczę się CSS, ale czy :
  1. <div style="position: absolute; width: 920; margin: auto 0;">

tak o:
  1. <div style="width: 920px; margin: 0 auto;">

żeby było wyśrodkowane? Marginesy auto dałeś górne o dolne w takim przypadku. I szerokość trzeba z jednostką jeszcze smile.gif
Pozdrawiam


--------------------
Jeżeli przewidziałeś cztery możliwe awarie i zabezpieczyłeś się przed nimi, to natychmiast wydarzy się piąta, na którą kompletnie nie byłeś przygotowany"[Murphy]"
Go to the top of the page
+Quote Post
revyag
post
Post #5





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

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


jw.

Wywal position absolute i po sprawie.


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

------
Go to the top of the page
+Quote Post
marcim
post
Post #6





Grupa: Zarejestrowani
Postów: 43
Pomógł: 0
Dołączył: 10.06.2006
Skąd: Kłodzko

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


Już edytowałem posta ajćć smile.gif Ale jeszcze musisz wszędzie pododawać jednoski (w tym przypadku px).


--------------------
Jeżeli przewidziałeś cztery możliwe awarie i zabezpieczyłeś się przed nimi, to natychmiast wydarzy się piąta, na którą kompletnie nie byłeś przygotowany"[Murphy]"
Go to the top of the page
+Quote Post
dplus
post
Post #7





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

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


dzięki. nie spodziewałem się, że po tak długim czasie uzyskam jeszcze odpowiedź smile.gif
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 12:33