Image size 100 % - CSS HELP - Site Owners Forums

george.web13 · 09-11-2014, 03:31 AM

Hi!

I try to do this:

I have an element, and i want the background image to be all over the background.

e.g.
<div id=""mydiv"">
</div>

#mydiv{width:100%; height:100%;background:url(images/image1.jpg) no-repeat; background-size:cover;}

If i want, to do this:

<div id=""mydiv"">
<img src=""images/image1.jpg"">
</div>

#mydiv{width:100%; height:100%;}
#mydiv img{}

How can i make the same effect, with the image, to be cover all over the div????
But, without background-size:cover. Is it possible???

yasar · 05-27-2015, 06:52 AM

background-size {100% 100% ; no-repeat;}
Above code make a 100% background size

09-11-2014, 03:31 AM	#1
george.web13 Registered User Join Date: Jul 2014 Location: Athens, Greece Posts: 462	Image size 100 % - CSS HELP Hi! I try to do this: I have an element, and i want the background image to be all over the background. e.g. <div id=""mydiv""> </div> #mydiv{width:100%; height:100%;background:url(images/image1.jpg) no-repeat; background-size:cover;} If i want, to do this: <div id=""mydiv""> <img src=""images/image1.jpg""> </div> #mydiv{width:100%; height:100%;} #mydiv img{} How can i make the same effect, with the image, to be cover all over the div???? But, without background-size:cover. Is it possible??? __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

05-27-2015, 06:52 AM	#2
yasar Registered User Join Date: May 2015 Posts: 61	background-size {100% 100% ; no-repeat;} Above code make a 100% background size __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.*

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Single Responsive Photo Gallery plus Slideshow	JavaScriptBank	Javascript	3	01-27-2014 08:08 AM
Google Image Optimization	alina albert	Search Engine Optimization	4	01-22-2013 01:42 AM
Image Optimization	sinicline	Search Engine Optimization	1	11-19-2012 11:28 PM
Facelift for Yahoo Image Search	albertmorrison3	Yahoo	0	12-12-2011 01:44 AM
image upload	mjvndhsb	PHP / mySQL	0	09-15-2011 12:39 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)