Welcome to the OZONE Asylum FAQWiki! Frequently Asked Questions CSS
How can I use the 'max-width' CSS property in Internet Explorer? $Pages that link to <a href="http://www.ozoneasylum.com/backlink?for=25116" title="Pages that link to How can I use the &#039;max-width&#039; CSS property in Internet Explorer?" rel="nofollow" >How can I use the 'max-width' CSS property in Internet Explorer?\$
Based on this article: http://www.svendtofte.com/code/max_width_in_ie/ the following solution was suggested in our Max-Width in IE thread: code: <html> <head> <style type="text/css"> #CssSelector { /* for Firefox, Opera and others: / max-width: 250px; } </style> <!--[if gte IE 5]> <style type="text/css"> #CssSelector { / For Internet Explorer: */ width: expression(Math.min(parseInt(this.offsetWidth), 250 ) + "px"); } </style> <![endif]--> </head> <body> <div id="CssSelector">...</div> </body> </html> For more information on IE's "dynamic properties": About Dynamic Properties (msdn.microsoft.com) Introduction to Dynamic Properties (wsabstract.com) For more information on IE's "conditional comments": About Conditional Comments (msdn.microsoft.com) CSS - Conditional Comments (quirksmode.org) The JavaScript functions used inside the expression are: Math.min (devguru.com) parseInt (devguru.com) offsetWidth (quirksmode.org) (Created by kuckus on 02-25-2005 20:23) (Edited by poi on 02-26-2005 18:47) (Edited by kuckus on 02-26-2005 20:08)

Welcome to the OZONE Asylum FAQWiki!
Frequently Asked Questions
CSS

How can I use the 'max-width' CSS property in Internet Explorer?\$

Based on this article:
http://www.svendtofte.com/code/max_width_in_ie/

the following solution was suggested in our Max-Width in IE thread:

code:

<html>

<head>

<style type="text/css">

#CssSelector {

        /* for Firefox, Opera and others: */

        max-width: 250px; 

}

</style>

<!--[if gte IE 5]>

<style type="text/css">

#CssSelector {

        /* For Internet Explorer: */

	width: expression(Math.min(parseInt(this.offsetWidth), 250 ) + "px"); 

}

</style>

<![endif]-->

</head>

<body>

        <div id="CssSelector">...</div>

</body>

</html>

For more information on IE's "dynamic properties":

About Dynamic Properties (msdn.microsoft.com)
Introduction to Dynamic Properties (wsabstract.com)

For more information on IE's "conditional comments":

About Conditional Comments (msdn.microsoft.com)
CSS - Conditional Comments (quirksmode.org)

The JavaScript functions used inside the expression are:

Math.min (devguru.com)
parseInt (devguru.com)
offsetWidth (quirksmode.org)

(Created by kuckus on 02-25-2005 20:23)
(Edited by poi on 02-26-2005 18:47)
(Edited by kuckus on 02-26-2005 20:08)

Maximum Security
OZONE
DHTML/Javascript
Server-Side Scripting - Oh my!
CSS - DOM - XHTML - XML - XSL - XSLT
Stupid Basic HTML
Visual Therapy
Photoshop
Photoshop Pong, Anyone?
*WARNING* BIG SIG APPROACHING
Photography
3D Modelling & Rendering
Multimedia/Animation
Print Graphics
Holding Pens
Philosophy and other Silliness
Outpatient Counseling
Site reviews!
Mad Scientists' Laboratory
Getting to know the Grail

Maximum Security

OZONE

DHTML/Javascript

Server-Side Scripting - Oh my!

CSS - DOM - XHTML - XML - XSL - XSLT

Stupid Basic HTML

Visual Therapy

Photoshop

Photoshop Pong, Anyone?

***WARNING*** BIG SIG APPROACHING

Photography

3D Modelling & Rendering