[Solved] Background Not Going To 100%

[CarraraWebsiteSolutions]

Hi my back ground image is not going to 100% even though image is 1920 long. It repeat it self so have to say no-repeat but white space now on sides.

http://codepen.io/CarraraWebsiteSolutions/pen/pmujt

[Mag]

It looks fine on my monitor… Bg from left edge to the right edge..

[CarraraWebsiteSolutions]

Thats because had to add colour image still not stretching full with if you fork it and remove the #000 you will see what I mean

[Mag]

This image is 1280px not 1920px long ;)

[Mag]

And if I were you I would leave it this way and use solid color with css in addition to image. Looks good and weigh less..

[CarraraWebsiteSolutions]

Can I set it so only solid color fills left and right side and not under it because as soon as I go past 800px the black color shows up at bottom?

[Mag]

The best solution in this case will be changing image… Increase height and end each side of this radial gradient exactly the color of your solid color you want to use in css. So it wouldnt stopped abruptly on the bottom but merge nicely to the background.

[CarraraWebsiteSolutions]

Yeah Thanks I am working on another image that is better. Thanks for help.

[Author]

Posts