Return to Snippet

Revision: 49714
at July 28, 2011 16:38 by a1ias


Initial Code
#content {
    width: expression(document.body.clientWidth < 762? "760px" : document.body.clientWidth > 1242? "1240px" : "auto");
    min-width: 760px;
    max-width: 1240px;
}

Initial URL
http://www.1stwebdesigner.com/css/17-css-html-effects/

Initial Description
Well, many of you are used to just replace the lack of min / max width / height for IE with fixed dimensions, right? But you don’t need to do it anymore. IE is not a strict standards browser and sometimes we can take advantage of this to code things that would be awful to see in standard CSS code.

You can, in this case, insert some IE expressions (basically, JavaScript code) to check current body width and adjust element’s width.

Initial Title
Min / Max width (IE included)

Initial Tags
ie

Initial Language
CSS