1

I have a header image located at ink.talentosoft.com take a look if you can.

The header image is exactly 388 px in height. I want the background of this div to be fully displayed. Currently the set up for the div is as follows:

 background: url(http://ink.talentosoft.com/wp-content/uploads/2013/05/header.png) no-repeat 100% center;

Because the contents of this div is smaller than the background, the rest of the image is cut off. How may I extend the full height of this image?

 background-size: 100%;//did not work
Mat
  • 202,337
  • 40
  • 393
  • 406
GivenPie
  • 1,451
  • 9
  • 36
  • 57
  • see this: http://stackoverflow.com/questions/4280886/css-background-image-larger-than-div-itself – tryzor May 02 '13 at 17:27

2 Answers2

1

Obviously you could do height:388px; for your div.

Cthulhu
  • 1,379
  • 1
  • 13
  • 25
0

You should use

background-size: auto 388px;
Mike Brant
  • 70,514
  • 10
  • 99
  • 103