Making a block 100% width


Author Message
Stephen F

Posted: 4/5/2013
Quote message 

This is my second post of the day.
Can anyone help me change the width of my 'block" module to 100% of the page, instead of 100% of the sheet?
I added width: 100% to the block definition in template.css, and also set margin and padding to 0, but it did not change (see below)

.block
{
background: #A21028;
background: linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
background: -webkit-linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
background: -moz-linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
background: -o-linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
background: -ms-linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
background: linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
-svg-background: linear-gradient(top, #B5122D 0, #820D20 100%) no-repeat;
border-bottom: 4px solid #D3A84A;
border-top: 4px solid #D3A84A;
padding: 0px;
margin: 0px;
width: 100%;
}

In the website i am working on I have a block above the footer which should be full page width - http://www.hollywoodstandardhair.com

 
cello

Posted: 4/6/2013
Quote message 

check here
http://www.artisteer.com/Default.aspx?post_id=212917&p=forum_post