css - Full width background image sizing issue -
i looking fix second full width image (the 1 in middle of page) fits horizontally same 1 above in header image. noticed there gap on right hand side of image seen in picture below. cause image not 1600px wide? can edit 1600px if need be. if problem else can me out. thanks.
.fullwidthsectionbg { background-image: url('http://static.squarespace.com/static/513d5347e4b0abff73be5264/t/519c45c4e4b084baf13d7e27/1369195972115/rocktruck2.jpg'); border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; margin-left: -1600px; margin-right: -1600px; padding-top:20px; padding-bottom:330px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: auto; } <div class="fullwidthsectionbg"> <div class="fullwidthsection"> <div class="myleftcolumn"> <p> </p> </div> <div class="myrightcolumn"> <h2>used thousands of canadians</h2> <p>jobspark.ca dedicated providing resources job seekers , employers throughout british columbia , alberta. many top employers along small local businesses across region post jobs on job spark find qualified professionals.</p> <p>job spark simplifies quest perfect career clean design , real-time postings. our streamline job board designed take headache out of finding job.</p> <p>your job listings seen across multiple venues, receiving thousands of views each month! </p></div> </div> </div>
these days, can add css styles:
background-size: cover; then don't have worry size of image. doesn't work in older browsers, that's minor thing these days.
that might not after, in case, try resizing image (in case, perhaps making less tall). there other background-size options, too, worth checking out.
Comments
Post a Comment