max-width property and PHP

**keyboard** · 08-13-2012, 02:14 AM

Have a look at this page... might be what you're looking for.

First, try this... :\

PHP Code:


$ImageDisplay = "<img src='$FileLocation' alt='' style="max-width:240px;max-height:320px;overflow:auto;" border='0' align='middle'>";

**KennyP** · 08-13-2012, 03:07 AM

Thanks keyboard. That code also works well in FF (as the previous code without overflow:auto;), but in IE the actual size of the image, 640X960, is still displaying and breaking up the page.

**bernie1227** · 08-13-2012, 03:31 AM

The problem is that the max-width and height properties are not supported in Internet explorer, you can get around It as such:

Code:

width:expression(document.body.clientWidth > 240? "240px": "auto" );
height:expression(document.body.clientHeight > 320? '320px": "auto" );

**KennyP** · 08-13-2012, 04:00 AM

Thanks very much Bernie, but unfortunately again it is having no affect in IE.
Is there anything else that can be tried?

Thanks again

**bernie1227** · 08-13-2012, 04:29 AM

You couldtrysomeplain JavaScript

Code:

var imageWidth = document.getElementById('yourimageid');
var imageHeight = document.getElementById('yourimageid');
if(imageWidth.width < 240 && imageHeight.height < 320){
var inside = true;
}
else{
var inside = false;
}
if(inside = false){
imageWidth.width = 240 ;
imageHeight.heght = 320;
}

Remember to change the id's in the code

**keyboard** · 08-13-2012, 05:02 AM

KennyP, give this a go....

PHP Code:


$ImageDisplay = "<img src='$FileLocation' alt='' style="width:expression( document.body.clientWidth > 239 ? "240px" : "auto" );max-width:240px;height: expression( this.scrollHeight > 319 ? "320px" : "auto" );max-height:320px;" border='0' align='middle'>";

**bernie1227** · 08-13-2012, 05:26 AM

That is in fact, the CSS I posted, and I somehow doubt the result will change

**keyboard** · 08-13-2012, 06:03 AM

I know (it's not exactly the same)... I just wanted to check something... (Please still try it)

**bernie1227** · 08-13-2012, 06:34 AM

The only real difference in my view that will have occurred is that he may be putting the CSS rules in the correct place, as he may not have before.

**KennyP** · 08-13-2012, 06:38 AM

Thanks very much guys or continuing to find a fix. The previous code did work in FF, but these last fixes don't work in either browser. I also upgraded from IE8 to IE9; again no difference.
After all the years of developing IE, why can't they get it right?