Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak wyśrodkować stronę przy div-ach?
MartioL
post 2.02.2005, 20:31:27
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 2.02.2005

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

Znam się trochę na programowaniu i właśnie chciałbym przejśc z tabel html <table> na divy <div>. przeczytałem wiele kursów i porad. Wiem, że należy podać margin: 0 auto, aby wyśrodkować stronę WWW. Jednak mi to nie działa. Bardzo proszę o pomoc!!!

Co zrobiłem źle?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. <title>Strona testowa</title>
  6. <style type="text/css">
  7. <!--
  8. body {font-family: Verdana; font-size: 12px; color: #000000; background: #F4F4F4; margin: 0 auto}
  9.  
  10. #strona {width: 780px; background: #F4F4F4; margin: 0 auto}
  11.  
  12. #naglowek1 {height: 80px; border: solid #1676A9; border-width: 1px 1px 0px 1px; background: #ECF7FD}
  13. #naglowek2 {height: 26px; border: solid #1676A9; border-width: 0px 1px 1px 1px; background: #ECF7FD; padding: 2px}
  14.  
  15. #kolumna_lewa1 {width: 500px; height: 16px; border: solid #1676A9 1px; border-bottom-width: 0px; background: #30A6E4; margin-top: 2px; float: left;}
  16. #kolumna_lewa2 {width: 500px; border: solid #1676A9 1px; padding: 5px; background: #ECF7FD; float: left;}
  17. #kolumna_prawa1 {width: 278px; height: 16px; border: solid #BB8404 1px; border-bottom-width: 0px; background: #FAB71B; margin-top: 2px; float: right}
  18. #kolumna_prawa2 {width: 278px; border: solid #BB8404 1px; padding: 5px; background: #FFF9EA; float: right}
  19.  
  20. #stopka {height: 10px; border: solid #1676A9 1px; background: #30A6E4; margin-top: 2px; padding: 2px; clear: both}
  21. -->
  22. </style>
  23.  
  24. <script language="javascript" type="text/javascript">
  25. <!--
  26. function blokuj(f) {
  27.   if (f.wyslane) return false;
  28.   f.wyslane=true; 
  29.   return true;
  30. }
  31. // -->
  32. </script>
  33. </head>
  34.  
  35. <body>
  36. <div id="strona">
  37.     <div id="naglowek1"></div>
  38.     <div id="naglowek2"><p align=right>nagłówek</p></div>
  39.  
  40.     <div id="kolumna_lewa1"></div>
  41.     <div id="kolumna_prawa1"></div>
  42.     <div id="kolumna_lewa2"></div>
  43.     <div id="kolumna_prawa2"></div>
  44.  
  45.     <div id="kolumna_lewa1"></div>
  46.     <div id="kolumna_prawa1"></div>
  47.     <div id="kolumna_lewa2"></div>
  48.     <div id="kolumna_prawa2"></div>
  49.  
  50.     <div id="stopka"></div>
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


---
nie lubie balaganu :-) poprawilem [html]
hwao
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
aleksander
post 2.02.2005, 20:41:01
Post #2





Grupa: Przyjaciele php.pl
Postów: 742
Pomógł: 0
Dołączył: 14.12.2003
Skąd: Gdańsk, Trójmiasto

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

UŻYWAJ TAGU HTML!!! Drugi z lewej w dolnym rzędzie.

wyciag z mojego css gdzie mam wyśrodkowany div
Kod
div.centered
{
        width: 550px;
        margin: 50px AUTO 0px AUTO;
}
pozdrawiam
Go to the top of the page
+Quote Post
sf
post 2.02.2005, 20:43:05
Post #3





Grupa: Zarejestrowani
Postów: 1 597
Pomógł: 30
Dołączył: 19.02.2003
Skąd: Tychy

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

Przeglądarki IE wymagają dodatkowo text-align: ceneter; w body. Było zresztą o tym na forum.


--------------------
Zapraszam na mój php blog, tworzenie stron.
Go to the top of the page
+Quote Post
son
post 2.02.2005, 20:48:21
Post #4





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 31.01.2004
Skąd: Kraków

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

Cytat
Co zrobiłem źle?

Nie skorzystałeś w WYSZUKIWARKI tego forum, gdyż temat był poruszany wielokrotnie!


--------------------
Warsztat: Apache 1.3.36 | MySQL 4.1.19 | php 5.1.4 | OS Linux SUSE 10.3 x86_64 | Kernel 2.6.22.12-0.1 | Opera 9.5 | Kate
Na warsztacie: Ekartki
Go to the top of the page
+Quote Post
aleksander
post 2.02.2005, 21:12:18
Post #5





Grupa: Przyjaciele php.pl
Postów: 742
Pomógł: 0
Dołączył: 14.12.2003
Skąd: Gdańsk, Trójmiasto

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

Cytat(son @ 2005-02-02 20:48:21)
Nie skorzystałeś w WYSZUKIWARKI tego forum, gdyż temat był poruszany wielokrotnie!

no to jak był to zamykam smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · XML · Następny nowszy »
 

Closed TopicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 16:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn