Очередной хак с min/max-width/height для ie6

Небольшая наработка которая решает проблему max и min-width в ie6. Навеяно статьей на Хабре. В для контейнеров которые используют стили min/max-width нужно задать соответственно классы ie6-width/height.

Подключаем:





Применяем:


...

Содержимое контейнера...


Код модуля:

$(document).ready(function()
{
/* хак для ie6 min-width, max-width, min-height */
if ((navigator.userAgent.toLowerCase().indexOf("msie 6") != -1) ||
(navigator.userAgent.toLowerCase().indexOf("msie 5") != -1))
{
$('.ie6-width').each
(
function()
{
var jqw_max, jqw_min;
if ( ! parseFloat(jqw_max = $(this).css('max-width')) )
jqw_max = '*';
if ( ! parseFloat(jqw_min = $(this).css('min-width')) )
jqw_min = '0';
$(this).wrap('');
$(this).before('');
}
);
$('.ie6-height').each
(
function()
{
var jqh_min;
if ( ! parseFloat(jqh_min = $(this).css('min-height')) )
jqh_min = '0';
$(this).wrap('');
$(this.parentNode).before('');
}
);
}
});


P.S. x.gif — картинка 1px*1px c прозразным фоном.

P.P.S. минимальна высота контейнера задается по аналогии с шириной.