marion34 Posted June 10, 2013 Share Posted June 10, 2013 Hello, Im trying to remove the white border so my background image covers the entire width of the header but cant figure out how to achieve this. I have attached a scrnshot and the red arrow is the part I want the background image to continue through. I edited the global.css file as follows. #header {position:relative; background: url(../img/hitechbackground.jpg) no-repeat;} #header_logo { float:left; display:block; margin-top:30px; thanks will Link to comment Share on other sites More sharing options...
vekia Posted June 10, 2013 Share Posted June 10, 2013 it's beacuse your background image has got only 800px width. top section has got 979px value of width. what does it mean? it mean that you have to use background with 979px width or add color param to your background css style: for example background with image & red color: #header {position:relative; background: url(../img/hitechbackground.jpg) red no-repeat;} Link to comment Share on other sites More sharing options...
marion34 Posted June 10, 2013 Author Share Posted June 10, 2013 Thanks Vekia, works as you said. Not sure why I thought 800px was the width. Link to comment Share on other sites More sharing options...
vekia Posted June 10, 2013 Share Posted June 10, 2013 you're welcome my friend i marked this thread as [solved] regards! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now