if an image isnt a background how do i make it fit it's container

Question

Iv found an image slider the url is below. the image has to be a certain height + width as specified in the css .. but my images are to big is there a way to make the images "strech" because im not going to resize 100+ images .. these are not set as background images.

Here is the page hopefully this can help any one else who has problem's with image slider's size..

i would write a jsfiddle but there is to much code to include sorry for the inconvenience

** Things iv tryed **

img{height:100%;width:100%;}
img{max-height:100%;max-width:100%}

aswell as adding the style="" in the img tag

Have you defined a width and a height to the parent container of the img tag? — Imesh Chandrasiri, Dec 09 '13 at 04:53
check this stackoverflow [Question](http://stackoverflow.com/questions/3029422/image-auto-resize-to-fit-div-container) — Free-Minded, Dec 09 '13 at 04:56
@ShreshttBhatt the answer to that question didnt work i clarified that in my post! — user3079663, Dec 09 '13 at 04:59
Have you tried `img{display:inline-block;position:relative;width:100%}` — Gandalf, Dec 09 '13 at 05:48

score 0 · Accepted Answer · answered Dec 09 '13 at 06:11

0

You will need to have an image as inline-block and then give it width:100%

img{display:inline-block;position:relative;width:100%}

answered Dec 09 '13 at 06:11

Gandalf

11,766
26
82
146

if an image isnt a background how do i make it fit it's container

1 Answers1