Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

jQuery Mobile

letoii_at..

How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

in jQuery Mobile • 8 years ago

Using the "max-width" property doesn't work for IE an Firefox, but it does for Chrome. I am not interested in the reason of that, but in a solution, a way to simulate these property if I have an image inside a table that I want to be resize if the width of the table changes.

Replies(4)

jakecigar

Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

8 years ago

Can I use CSS min/max-width/heightn says it works in those browsers. Can you share what does not work?

A demo page would be best.

JΛ̊KE

letoii_at..

Re: Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

8 years ago

OK, here you go (i.e. "paco.html"):

<!doctype html>
<html>
<head>
 <link rel="stylesheet" href="myStyles.css"/>
</head>
<body>
 <table>
  <tr>
   <td><img src="myImage.png"></td>
  </tr>
 </table>
</body>
</html>

Now the CSS code (myStyles.css):

table, td{
  width: 100%;
}
table td img{
  max-width: 100%;
  height: auto;
}

...and this is all. Hope it's enough.

Ah, one more thing...these properties exist in those browsers, but they don't work propertly. There is an issue when the image is inside a table with a 100% witdh.

Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

8 years ago

Is this somehow related to jQuery Mobile?

Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

8 years ago

Please take it up with your microsoft CSS representative. They will he glad to know know that you have discovered that you can’t use %ages.

Response title

Attachments

jQuery Forum

How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

Replies(4)

Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

Re: Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

Re: How can I do scalable images in IExplorer and Firefox as the Responsive Web Design suggested?

Statistics

Tags

Actions