Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Poprawne wyśrodkowanie DIV'ów
in5ane
post
Post #1





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

Elo, chciałbym się poprawnie używać xHTML'a i zaczynam od kompletnych podstaw. Jak mam prawidłowo coś takiego wyśrodkować?

[HTML] pobierz, plaintext 
  1. <?xml version="1.1" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">    
  4. <head>
  5. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. 	<link rel="stylesheet" type="text/css" href="style.css" />
  7. 	<?xml-stylesheet type="text/css" href="style.css" ?>
  8. 	<title>Test</title>
  9. </head>
  10. <body xml:lang="pl">
  11.  
  12. <div id="header">
  13. GÓRA
  14. </div>
  15.  
  16. <div id="left">
  17. LEWA
  18. </div>
  19.  
  20. <div id="content">
  21. ŚRODEK
  22. </div>
  23.  
  24. <div id="footer">
  25. DÓŁ
  26. </div>
  27.  
  28. </body>
  29. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. body {
  2. text-align: center;
  3. }
  4.  
  5. div {
  6. border: 1px solid;
  7. width: 50%;
  8. text-align: left;
  9. margin: 0 auto 0 auto;
  10. }
  11.  
  12. div#header {
  13. height: 100px;
  14. width: 600px;
  15. background-color: #000000;
  16. }
  17.  
  18. div#left {
  19. height: 400px;
  20. width: 100px;
  21. background-color: #ff0000;
  22. float: left;
  23. }
  24.  
  25. div#content {
  26. height: 400px;
  27. width: 600px;
  28. background-color: #ffde00;
  29. }
  30.  
  31. div#footer {
  32. height: 50px;
  33. width: 600px;
  34. background-color: #00c6ff;
  35. }
[HTML] pobierz, plaintext


Ja już tutaj zastosowałem wyśrodkowanie, ale jest problem, że div o nazwie left jest do lewej, a on ma być też na środku, ale do lewej części środka.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
in5ane
post
Post #2





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

Naprawdę nie działa.

[HTML] pobierz, plaintext 
  1. <?xml version="1.1" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">    
  4. <head>
  5. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. 	<link rel="stylesheet" type="text/css" href="style.css" />
  7. 	<?xml-stylesheet type="text/css" href="style.css" ?>
  8. 	<title>Test</title>
  9. </head>
  10. <body xml:lang="pl">
  11.  
  12.  
  13. <div id="header">
  14. GÓRA
  15. </div>
  16.  
  17. <div id="left">
  18. LEWA
  19. </div>
  20.  
  21. <div id="content">
  22. ŚRODEK
  23. </div>
  24.  
  25. <div id="footer">
  26. DÓŁ
  27. </div>
  28.  
  29.  
  30. </body>
  31. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. body {
  2. background-color: #bd2d2d;
  3. margin-left: auto;
  4. margin-right: auto;
  5. }
  6.  
  7. html {
  8. margin-left: auto;
  9. margin-right: auto;
  10. }
  11.  
  12. div#header {
  13. height: 100px;
  14. width: 600px;
  15. background-color: #e6d7c8;
  16. }
  17.  
  18. div#left {
  19. height: 400px;
  20. width: 100px;
  21. background-color: #a67c53;
  22. float: left;
  23. }
  24.  
  25. div#content {
  26. height: 400px;
  27. width: 600px;
  28. background-color: #171616;
  29. }
  30.  
  31. div#footer {
  32. height: 50px;
  33. width: 600px;
  34. background-color: #e6d7c8;
  35. }
[HTML] pobierz, plaintext


Do tego mam jeszcze jedno pytanie, dlaczego jak łączna szerokość to 600px i ustawię menu na 100px a środek na 500px to środek jest jakby o 100px za mały (to jest tak w FF, a w IE jest dobrze), a jak zrobię 100px menu i 600px środek (w FF jest dobrze, a w IE jest za duże o 100px). Proszę o pomoc.
Go to the top of the page
+Quote Post

Posty w temacie
- in5ane   [HTML] Poprawne wyśrodkowanie DIV'ów   15.10.2008, 20:24:38
- - wookieb   Nie dam ci gotowca Polecam goraco kurs.browsehappy...   15.10.2008, 20:36:52
- - Maxik   Jeśli chcesz wyśrodkować całą stronę w poziomie to...   15.10.2008, 20:41:47
- - in5ane   [HTML] pobierz, plaintext <div id="all...   15.10.2008, 20:46:36
- - wookieb   Cytat(in5ane @ 15.10.2008, 21:46:36 )...   15.10.2008, 20:47:51
- - in5ane   Patrzę w FF.   15.10.2008, 20:49:56
- - MajareQ   dla ff:Kodbody { margin-left: auto; margin-rig...   15.10.2008, 20:50:02
- - in5ane   To nic nie dało. Kurcze, takie małe, a tyle proble...   15.10.2008, 20:51:25
- - MajareQ   Jak nie dało ja musi dać? dziwnym trafem u mnie dz...   15.10.2008, 20:52:22
- - in5ane   Naprawdę nie działa. [HTML] pobierz, plaintext ...   15.10.2008, 21:02:26
- - MajareQ   zrób samo: Kodbody { font-family:Tahoma; fo...   15.10.2008, 21:04:00
- - in5ane   Nie idzie z tym wyśrodkowaniem. Do tego p...   15.10.2008, 21:11:53
- - l1em1on1   no dziwne ze nic nie dalo skoro masz kilka divow l...   15.10.2008, 22:39:07
- - MajareQ   No patrz... byłem przekonany że on robi w kontener...   16.10.2008, 11:43:56
- - in5ane   Dzięki za pomoc. Teraz już wiem o co cho...   16.10.2008, 14:06:06
- - Maxik   1. Wywal pierwszą linijkę bo wprowadzasz IE w Quir...   16.10.2008, 14:46:08
- - in5ane   Śmiga, dzięki za pomoc. Teraz dalej b...   16.10.2008, 14:50:20
- - MajareQ   Wydaje mi się że mi mi Maxikowi należą się punkty ...   16.10.2008, 14:56:45

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