CSS background

[tu6o]

Искам един слой да покрие цялата ширина на страницата

<div id="sample">s</div>

#sample 
   {
    background:orange;
    width:100%;
   }

опитах така, но в двата края остава малко празно пространсто, как да го запълня и него?

 

[Er4o]

body { margin: 0px; } в css

 

[shterev]

не можел ли да зададеш бекграунда на бодито на страницата???

 

[cvetinka]

Здравейте, имам един друг въпрос относно background. Първо целта ми е този background да се повтаря в body (top center repeat-x), това ок, но ако забелязвате имам и сянка горе на снимката, която трябва да седи винаги в центъра на страницата.Въпросът ми е как да я изрежа, защото аз както и да я режа после не съвпада с background-а? Незнам как да го направя, така че да съвпада с картинката? Моля помогнете -не може да е празрачна защото под IE не излиза. Ето я и картинката:
http://web-tourist.net/project/cvetinka/background.gif

 

[emagi]

* {
margin:0;
padding:0;
}
body {
margin: 0px;
}

 

[cvetinka]

И какво трябва да е това? Аз питам как да изрежа картинката със сянката за да пасне на повтарящия се background?

 

[lam3r4370]

И какво трябва да е това? Аз питам как да изрежа картинката със сянката за да пасне на повтарящия се background?

Квото си е.Слагай го щом емаги го е написал значи е вярно

 

[cvetinka]

Аз хубаво го слагам но не съвпадат, защото въпросът ми е как да изрежа картинката от къде до къде? На мен content-a ми е 920px и трябва да е центрирана в него, а сега се разминава с bg.

 

[lam3r4370]

Ами дай целия код или ......а да верно ние сме гадатели

 

[cvetinka]

HTML:
<div class="wrapper_top">
<div class="wrapper_bottom">
<div id="header">
</div>
</div>
</div>


CSS:
body {
width:100%;
font-family: Tahoma, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 12px;
background: #ececec;
text-align: center;
}
.clr {
clear: both;
}
.bg {
background: #ececec url(../images/bg1.png) top center repeat-x;
}

.wrapper_top{
background: transparent url(../images/wrapper_top_shadow1.png) top center no-repeat;
}
.wrapper_bottom{ /*tova e siankata za bottom-a na contenta*/
background: transparent url(../images/wrapper_bottom_shadow.png) bottom center no-repeat;
margin:0 auto;
width:920px;
}
#header{
width:920px;
margin:0 auto;
height:248px;
}