Помогите фон растянуть на всю ширину
Страницы: 1
Помогите фон растянуть на всю ширину
подскажите как убрать отступ сверху, и растянуть фон на всю ширину, чтобы не осталось белого цвета по краям. Ниже вставил код от кссСкриншот сайта ( s017.radikal.ru/i420/1606/4c/6a07ee72943a.jpg )
Код
 @charset "windows-1251";
/*
@import "content.css";*/
@import "layout.css";

/* CSS Document */
.clear {
   clear:both;
}
.l       { float: left;}
.r       { float: right;}
.pb5   { padding-bottom: 5px;}
.pb10    { padding-bottom: 10px;}

/* Default*/
*       {}
h1      {}
h2      {}
h3      {}
a       { color: #5A3824; }
a:hover { color: #BD2019; }
p {}
/** Common **/
body        { font-family:Tahoma, Verdana, Arial,Times New Roman; background: url(../main/img/bgbody.jpg) center top repeat-y; }
.centerCnt   { margin:0px auto; width:710px; }
#page       { background: url(../main/img/bgtop.jpg) center top no-repeat;}

/** Header **/
#head {padding:88px 0 0 48px;}
#baner6 { height:345px; width:618px; background:url(../main/img/baner6.jpg) 9px 16px no-repeat }
#baner1 { height:345px; width:618px; background:url(../main/img/baner1.jpg) 9px 16px no-repeat }
#baner2 { height:345px; width:618px; background:url(../main/img/baner2.jpg) 9px 16px no-repeat }
#baner3 { height:345px; width:618px; background:url(../main/img/baner3.jpg) 9px 16px no-repeat }
#baner4 { height:345px; width:618px; background:url(../main/img/baner4.jpg) 9px 16px no-repeat }
#baner5 { height:345px; width:618px; background:url(../main/img/baner5.jpg) 9px 16px no-repeat }
#phone {margin:-39px 0 0 243px}
#phone p {color:#473c34; font-size:14px;}
#logo {margin:40px 0 0 160px; height:176px; width:396px; background:url(../main/img/logo.png)}
#logo a {height:176px; width:396px; display:block;}

/** Menu **/

#menu                      { margin:55px 0 0 0 ; position: relative; margin-left: 32px; width: 771px;}
#menu ul                 { margin:0px; padding:0px; list-style:none; }
#menu ul li              { float:left;padding:0px 0px 5px 21px; display:block; }
#menu ul li.first          { margin-left:0px; padding:0px 0 0 5px; }
#menu ul li.last          {  }
#menu ul li a             { display:block;  color:#fecf50;
                             font-size:22px;  text-decoration:none; }
#menu ul li.hover a        { color: #FF9; }
                  
#menu ul li.hover ul            { display:block; margin:0px; margin-top: 5px;}
#menu ul ul                   { display:none; position:absolute;  }
#menu ul li.hover ul li         { float: left; display: block; width:250px; clear:both;  
                                  background: #900; padding:0 10px 0 10px; border:none; }
#menu ul ul li.first            { margin:0px; }
#menu ul ul li.last             {  }
#menu ul li.hover ul li.hover   {  }
#menu ul li.hover ul a          { padding:10px 0; font-size:14px; color:#FF0 }
#menu ul li.hover ul li a:hover    {color:#0FF;}


#content {padding:120px 0 0 33px; width:646px; min-height: 200px;}

#content h1 { color:#000; font-size:20px; font-weight:normal;}
#photo      { margin-top:25px;}

#footer {height:100%; background:url(../main/img/btmfon.jpg) center top no-repeat}
#footer .text   {   margin:90px 90px 0px 90px;}
#footer .text p {text-align:center; color:#cfb798; font-size:14px;}
#footer .text p a {color:#CF9;}
#footer .text p a:hover {text-decoration:none;}
#text2 {
padding:78px 0 0 0;
}

/** Guestbook **/
.guestBlock          { border: 1px solid #C0C0C0; margin-bottom: 15px; }
.guestBlock .top       { background-color: #E0E0E0; padding: 10px; opacity: 0.8;}
.guestBlock .city       { float: right; width: 150px; text-align: right; color: #583323; font-size:  14px;}
.guestBlock .text       { padding: 5px 10px; background-color: white; opacity: 0.8; font-size: 14px; line-height: 130%;} 

/** Complex Gallery **/
#complexGal                { width: 660px; overflow: hidden;}
#complexGal .galItem          { width: 156px; margin-right: 6px; float: left; margin-bottom: 10px;}
#complexGal .galItem a          { width: 156px; height: 113px; display: block; border: 1px solid #ACACAC;}
#complexGal .galItem a:hover    { border-color: #C43FA8;}
#complexGal .galItem img       { margin: 4px 0px 0px 3px;}
#gallery .item                { width: 312px; margin-right: 8px; float: left; margin-bottom: 20px; height: 235px; border: 1px solid #C0C0C0;}
#gallery .item .img          { margin: 10px 10px 0px 10px;}
#gallery .lnk                { width: 292px; text-align: center; padding-top: 10px;}
#gallery .lnk a             { font-size: 14px; color: #573021; text-decoration: none; font-weight: bold;}
#gallery .lnk a:hover          { color: #AB1811; text-decoration: underline; } 
Изменено: den6_6_6 - 18 Июня 2016 18:35
Напишите в лс свой скайп или вк. Помогу* smile:)

* - бесплатно
Самый быстрый хостинг на SSD. Месяц в подарок. Поддержка 24/7. Помощь в переезде.

Передовое сообщество вебмастеров. Тебе к нам!
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
20:36 Python скрипт безопасной накрутки посещаемости сайта 
19:26 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:37 Adtrafico - Правильная партнёрская сеть под бурж трафик 
22:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:46 Стоит ли добавлять сайт в Rambler топ 100? 
12:41 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 
22:57 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
04:24 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
22:26 Размещу ссылки/статьи на ваш сайт | Рост ИКС | XRumer 19.0.15 
21:45 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
21:12 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
18:31 Sectormoney.com - быстрый и удобный обменник 
14:37 Sapfirex.com - Современный сервис обмена криптовалют 
11:57 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
19:59 Точные прогнозы на футбол 
16:16 Подтягиваем физкультурку 
17:30 Половина скидок на распродажах — фейк 
18:22 Осторожно! Криптовалюта 
07:49 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
17:23 Не храните данные на жёстких дисках 
08:46 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту