phylliscerise
New Member
I have a problem and I don't know how to fix this. I am making a website and in the bottom of my website I want a sort of a footer image. The image has to be full width and 375px in height. But I really don't know how to do it. I have tried everything in both css and html but it is just not working. Everytime when I put something in html the image is just it's normal size, 375px in height which is good but it is not filling the screen in width. So can anyone please help me? Things I tried:HTML:\[code\]<div id="image"><img src="http://stackoverflow.com/questions/14548879/images/college.jpg/></div>\[/code\]CSS:\[code\]#image {width: 100%;height: 375px;}\[/code\]Please keep in mind that I am new to html and css and I just don't know how to fix this. I tried many things but it's just not working. It's just like a full width footer but it needs to be an image instead of a color.background-image:src('images/college.jpg'); didn't work. Please help me with the html and css.Thanks.