Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Wyrównanie DIV
suchy1
post
Post #1





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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

Witam,

chciałbym sie dowiedziec jak można wyrównać div na środek ekranu ex. aling="center"; odpada ;-)

[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. <head>
  3. <title>Ewa i Andrzej Szwed - Pokoje gościnne</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  5. <meta name="robots" content="all" />
  6. <meta http-equiv="content-language" content="pl" />
  7. <link rel="stylesheet" href="css/style.css" type="text/css" />	
  8. </head>
  9. <body>
  10. <div id="all">
  11. 	<div id="top">
  12. 	<img src="grafika/logo.png"></a>
  13. 	</div>
  14.  
  15. 	<div>
  16. 		<div id="col1">
  17. 			<img src="grafika/b1.gif"></a>
  18. 		</div>
  19. 		<div id="col2">
  20. 			<img src="grafika/b1.gif"></a>
  21. 		</div>
  22. 		<div id="col3">
  23. 			<img src="grafika/b1.gif"></a>
  24. 		</div>
  25. 		<div id="col4">
  26.  
  27. 		</div>
  28. 	</div>
  29.  
  30. </div>
  31. </body>
[HTML] pobierz, plaintext


chciałbym dic "all" wyrównać na środek ekranu jak to zrobić ? na kursach nie moglem znalesc odpowiedzi. Pozdrawiam
Go to the top of the page
+Quote Post
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Kod
div#all
{
margin: 0 auto;
}
body
{
text-align: center; // to musi byc dla IE
}
Go to the top of the page
+Quote Post
suchy1
post
Post #3





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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

@wookieb nie pomogło. Wyrównało sie tylko logo.png

[HTML] pobierz, plaintext 
  1. *
  2. {
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6.  
  7. body
  8. {
  9. background-image:url(back.png);
  10. color: #9f9f9f;
  11. font-size: 11px;
  12. font-family: "trebuchet ms", helvetica, sans-serif;
  13. text-align: center;
  14. }
  15.  
  16. a
  17. {
  18. text-decoration: underline;
  19. color: #75726F;
  20. }
  21.  
  22. #all
  23. {
  24. margin: 0 auto;
  25. }
  26.  
  27. #top
  28. {
  29. width: 572px;
  30. height: 70px;
  31. }
  32.  
  33. #footer
  34. {
  35. float: left;
  36. }
  37.  
  38. #col1
  39. {
  40. float: left;
  41. padding: 5px;
  42. }
  43.  
  44. #col2
  45. {
  46. float: left;
  47. padding: 5px;
  48. }
  49.  
  50. #col3
  51. {
  52. padding: 5px;
  53. }
  54.  
  55. #col4
  56. {
  57. float: left;
  58. padding: 5px;
  59. }
[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. <title>Ewa i Andrzej Szwed - Pokoje gościnne</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  4. <meta name="robots" content="all" />
  5. <meta http-equiv="content-language" content="pl" />
  6. <link rel="stylesheet" href="css/style.css" type="text/css" />
  7.  
  8. </head>
  9. <body>
  10. <div id="all">
  11. 	<div id="top">
  12. 	<img src="grafika/logo.png"></a>
  13. 	</div>
  14.  
  15. 	<div>
  16. 		<div id="col1">
  17. 			<img src="grafika/b1.gif"></a>
  18. 		</div>
  19. 		<div id="col2">
  20. 			<img src="grafika/b1.gif"></a>
  21. 		</div>
  22. 		<div id="col3">
  23. 			<img src="grafika/b1.gif"></a>
  24. 		</div>
  25. 		<div id="col4">
  26.  
  27. 		</div>
  28. 	</div>
  29.  
  30. 	<div id="footer">
  31.  
  32. 	</div>
  33. </div>
  34. </body>
[HTML] pobierz, plaintext


Jakies propozycje ?

dodałem width: 700 px; do div#all. Działa

Ten post edytował suchy1 4.09.2008, 22:09:00
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
all musi miec okreslona szerokosc.
Go to the top of the page
+Quote Post
suchy1
post
Post #5





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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

dokładnie a wczesniej nie miałem, dzieki za pomoc :-)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 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: 14.09.2025 - 23:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn