Download the new Autochrome 2.0 Photography Wordpress Theme.

min-height, max-width, min-height, max-height

— By

A dreamweaver list friend of mine, ask me to test a page of his on my IE 5+ on a Windows OS and I learn something very useful. You must have seen and designed some or the other form of liquid (stretchable) design. You would have successfully done liquid table layouts but you must have the itchy feeling that you should also do this with text, so that they become stretchable according to the dimension of the browser.

This is possible with the CSS2 standard but this does not work in IE 5+. Neverthless, there is a work-around to this, check this nifty Javascript that solves the problem. Just tug this Javascript in your HTML.

Now, You can have something like;

#myStyle {
	width : 50%;
	max-height : 12px;
	max-width : 4px;
	min-height : 10px;
	min-width : 2px;
}

Brajeshwar

Brajeshwar believes in simplicity; pushes the envelop and envisions the betterment of usable and practical solutions.

More by Brajeshwar

  • vadada

    i dont know

  • vadada

    i dont know

  • http://www.hut.fi/~jaukia/work/VanhatWebit/widthtest/ Janne Aukia

    Max-width can also be done with a simple table-trick:

    http://www.hut.fi/~jaukia/work/VanhatWebit/widthtest/

  • http://www.hut.fi/~jaukia/work/VanhatWebit/widthtest/ Janne Aukia

    Max-width can also be done with a simple table-trick:

    http://www.hut.fi/~jaukia/work/VanhatWebit/widthtest/

  • rafael mejia gomez

    please in spa“ish

  • rafael mejia gomez

    please in spa“ish

  • Don Mapendere

    I think height max is a great way to grow tall and i would love to get it for free since im a big fan.

  • Don Mapendere

    I think height max is a great way to grow tall and i would love to get it for free since im a big fan.