How to stretch image for td only for ie 8 and other browsers also ?

Question

0.00/5 (No votes)

See more:

Hai every one,
i have a another problem in stretch html table td tag background image stretch.i need to stretch td background image with 100% width and 71px height.
i have following code for streach image using css

CSS

#tdbg 
{
      background-size: 100% 71px;
      background-image: url('images/img_Header03.png');
      background: no-repeat center center fixed;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/img_Header03.png', sizingMethod='scale');
}

i need to stretch width of the image only not for height 71px fixed no need to change.How ?
pls reply asap.

Note: i need to stretch width of the image only not for height ,bcz the image height is less than td height ,so i need some space at the bottom,bcz i use vertical align as top.

Regards
Aravind.

Posted 2-Oct-13 21:43pm

Aravindba

Updated 2-Oct-13 21:46pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Paulo Augusto Kunzel · Answer 1 · 2013-10-11T10:38:00

Solution 1

Hello Aravind,

From what I understood, you want this effect:

#tdbg 
{
    background-image:url('paper.gif');
    background-repeat:no-repeat;
    background-size: 100% 71px;
}

Use this code with your image to see if it works. I can it doesn't, please explain what results are you getting.
Also, have a look at w3schools_CSS

Posted 11-Oct-13 10:38am

Paulo Augusto Kunzel

Comments

Aravindba 14-Oct-13 0:11am

Hi thank for ur reply,the above codes works in ie 9,chrome and mozila,but in ie 8 not,
my need is need to work ie8

Paulo Augusto Kunzel 14-Oct-13 7:09am

Hum,

Ok, maybe you can try the approaches from one of those 3 links:
http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
http://elliotjaystocks.com/blog/better-background-images-for-responsive-web-design/

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images

Aravindba 14-Oct-13 21:23pm

Hi thank u for ur replay again,but i mention clearly in my first question,i am use background for td tag not for image control or img ,bcz if i use background in image control we cant put any controls in center of image,but insdie td tag we can put any controls like label,images ....
so my need is streah background for td tag only not for any other control