Проблем със фона

[king6666]

Здравейте имам следния проблем ще правя сайт за пчеларска литература и сега направих един тест за дизайна и изникна следния проблем с фона ето какво става http://212.233.237.101:8999/test/index.html като кодирах дизайна чрез css излиза като втори фон ето още един пример :

въпроса ми е как да оправя този проблем за да не се получи и при оригиналния дизайн ето и кодовете на индекса и на css файла
index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Пробен дизайн</title>
<link type="text/css" rel="stylesheet" href="brada.css" />
</head>

<body>
<div id="kazan">
 <div id="goren">
 </div>
 <div id="osnova">
 <h1>Пробен дизайн</h1><br />
  <div id="menu">
  <br />
  <div>
  <a href="#" class="la">Начало</a>
  <a href="#" class="lb">page2</a>
  <a href="#" class="lc">page3</a>
  <a href="#" class="ld">page4</a>
  <a href="#" class="le">page5</a>
  </div>
  </div>
  <br />
 <span class="span">November 29, 2010</span>
 <br />
 <img src="pic/2414598694.jpg" alt="мед" title="мед"  class="image"/>
 </div>
 <div id="dolen">
 </div>
</div>
</body>
</html>

brada.css

@charset "utf-8";
/* CSS Document */
html,body
{
	background:url(tazi4.jpg);
}
#kazan
{
	margin-left:199px;
}
#goren
{
	background:url(pic/goren.gif);
	width:821px;
	height:40px;
}
#osnova
{
	background:url(pic/osnova.gif) repeat-y;
	margin-top:-21px;
}
h1
{
	color:#F00;
	text-decoration:underline;
	margin-left:300px;
}
#dolen
{
	background:url(pic/dolen.gif) no-repeat;
	width:821px;
	height:47px;
	margin-top:-22px;
}
.image
{
	width:500px;
	height:400px;
	margin-left:150px;
	border:#39C 5px dashed;
}
#menu
{
	background:url(pic/menu.png);
	width:500px;
	height:70px;
	margin-left:150px;
}
.la
{
	margin-left:30px;
}
.lb
{
	margin-left:10px;
}
.lc
{
	margin-left:25px;
}
.ld
{
	margin-left:40px;
}
.le
{
	margin-left:45px;
}
a:link
{
	color:#FFF;
	font:Tahoma, Geneva, sans-serif 20px;
}
a:visited
{
	color:#FFF;
	text-decoration:overline;
	font:20px Georgia, "Times New Roman", Times, serif;
}
.span
{
	margin-left:350px;
}

това са кодовете ако може да ми кажете какво мога да направя за да оправя този приблем.Мерси много!

 

[vasilev]

нещо не отварям това ip и не мога да видя картинката за фон .
но ако картинката не трябва да се повтаря опитай така :

html,body
{
   background:url(tazi4.jpg);
   background-repeat:no-repeat;
   background-position:center;
   background-attachment:fixed;
}

или тествай без някое от последните 2.
Ако трябва да се повтаря .. то трябва да я изрежеш точно , защото от повтарянето и неизрязването както трябва е нормално да се получи така

 

[SuCcEsS]

Пробвай с тази картинка!
Само я замени не променяй нищо по твоя код!

 

[king6666]

Благодаря аз направих друго дадох margin и padding на 0px и се получи !