Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] Tło elementu body, dlaczego to tak dziwnie działa?
gauss
post 6.07.2009, 08:20:38
Post #1





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

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

Cześć! Może mi ktoś wytłumaczyć następującą sprawę:

Mam w body ustawione przykladowo:

body{width: 1004px; margin: 0px; padding: 0px; margin-left: auto; margin- right: auto; background-color: red}

strona jest fajnie wyśrodkowana o danej szerokości, ale czemu tło jest nadawane do całej szerokości przegladarki? Tzn. jak mam rodzielczość ekranu 1280x800, strone mam na środku o szerokości 1004px, a czerwone tło jest szerokie na 1280px (cała szerokość).

Ja chciałbym ustawić tło tylko dla elementu body...

Ten post edytował gauss 6.07.2009, 08:22:43
Go to the top of the page
+Quote Post
wookieb
post 6.07.2009, 08:21:47
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Bo tak zachowuj się element body. Jezeli chcesz tło na srodku o podanej szerokosci to obejmij cała strone dodatkowym divem i jemu nadaj żądane tło.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
gauss
post 6.07.2009, 08:25:18
Post #3





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

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

A to można element body wstawić do diva? czarodziej.gif No to tak zrobię. Dziwnie trochę
Go to the top of the page
+Quote Post
Spawnm
post 6.07.2009, 08:26:11
Post #4





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa
Raczej w body daj diva i jemu daj tło winksmiley.jpg
Go to the top of the page
+Quote Post
krzysiekk
post 6.07.2009, 10:18:03
Post #5





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

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

witam o to chodzi moze sie przyda
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3.  <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.  <style type='text/css'>
  10.  body {
  11. 			background-color: #303030;
  12. 			font-family: tahoma, sans-serif;
  13. 			margin: 0;
  14. 			padding: 0;
  15. }
  16.  #calosc{
  17. 			  min-height:550px;
  18. 			 max-width: 1004px;
  19. 			 min-width: 750px;
  20. 			 margin:auto;
  21. 			 background:#eee;
  22.  }
  23. </style>
  24.  </head>
  25.  
  26.  
  27.  <body>
  28.  
  29.  <div id="calosc">
  30.  &nbsp;
  31.  </div>
  32.  </body>
  33. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
wookieb
post 6.07.2009, 10:27:51
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
~Krzysiekk przeciez o tym mowimy. Nie nabijaj w ten sposób postów.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
Spawnm
post 6.07.2009, 10:47:27
Post #7





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa
~krzysiekk znów cię łapie na nabijaniu postów, jeszcze jeden taki numer i poleci warn .
@wookieb -> raportuj zamiast upominać smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 15.06.2025 - 07:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn