Forum PHP.pl > [CSS] Tło elementu body

Pomoc - Szukaj - Użytkownicy - Kalendarz

gauss

6.07.2009, 08:20:38

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...

wookieb

6.07.2009, 08:21:47

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.

gauss

6.07.2009, 08:25:18

A to można element body wstawić do diva?

No to tak zrobię. Dziwnie trochę

Spawnm

6.07.2009, 08:26:11

Raczej w body daj diva i jemu daj tło

krzysiekk

6.07.2009, 10:18:03

witam o to chodzi moze sie przyda

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 <style type='text/css'>
 body {
			background-color: #303030;
			font-family: tahoma, sans-serif;
			margin: 0;
			padding: 0;
}
 #calosc{
			  min-height:550px;
			 max-width: 1004px;
			 min-width: 750px;
			 margin:auto;
			 background:#eee;
 }
</style>
 </head>
 
 
 <body>
 
 <div id="calosc">
 &nbsp;
 </div>
 </body>
</html>
[HTML] pobierz, plaintext

wookieb

6.07.2009, 10:27:51

~Krzysiekk przeciez o tym mowimy. Nie nabijaj w ten sposób postów.

Spawnm

6.07.2009, 10:47:27

~krzysiekk znów cię łapie na nabijaniu postów, jeszcze jeden taki numer i poleci warn .
@wookieb -> raportuj zamiast upominać

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.