max-width and max-height css styles not working in IE in RadWindow

[rh]

I have several RadWindows that I'm working on that use the max-height and max-width styles in a linked stylesheet. It works fine in IE when not in a RadWindow but does not work when in a RadWindow. This works fine in FireFox in both scenarios.

You should be able to easily test this by creating a RadWindow that has a asp:Image with an ImageURL to a large image. Create a css file with the class below and apply your class to the asp:Image. In a RadWindow in IE it won't apply the max width/height of the image. In FireFox it works fine.

.thumbnail
{
    border:0px;
    max-height:96px;
    max-width:96px;
}

[Martin]

Hi rh,

Which version of Internet Explorer are you using?

The min-height and min-width properties are not supported by version 6, and version 7 has a very poor support of these.

All the best,
Martin Ivanov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[rh]

IE 7 on Vista.

It works when viewing a page when the page is not in a RadWindow. However, if you view the page withtin a RadWindow then max-height and max-width are ignored. It's wierd. Not sure how RadWindow would affect it, but it seems to.

[Georgi Tunev]

Hello rh,

In order for these properties to work, you also need to set width and height for the element.
e.g

.thumbnail
{
    border:0px;
    max-height:96px;
    max-width:96px;
    height: 96px;
    width: 96px;
}

Also please make sure that you are using a XHTML 1.1 doctype and if you still experience problems - open a new support ticket and send us a sample project where they can be reproduced. We will check the project and do our best to help.



Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center