Fix Min онлайн урок.


Этот скрипт проверяет все элементы с классом.fixMinMaxwidth и наблюдает за окном. Он применяется только к браузерам без поддержки минимальной ширины min min, например, ie6 и ниже. Изменение размера окна также не будет проблемой.

<script type="text/javascript">
//anonymous function to check all elements with class .fixMinMaxwidth
var fixMinMaxwidth=function()
{
//only apply this fix to browsers without native support
if (typeof document.body.style.maxHeight !== "undefined" &&
typeof document.body.style.minHeight !== "undefined") return false;

//loop through all elements
$('.fixMinMaxwidth').each(function()
{
//get max and minwidth via jquery
var maxWidth = parseInt($(this).css("max-width"));
var minWidth = parseInt($(this).css("min-width"));

//if min-/maxwidth is set, apply the script
if (maxWidth>0 && $(this).width()>maxWidth) {
$(this).width(maxWidth);
} else if (minWidth>0 && $(this).width()<minWidth) {
$(this).width(minWidth);
}
});
}

//initialize on domready
$(document).ready(function()
{
fixMinMaxwidth();
});

//check after every resize
$(window).bind("resize", function()
{
fixMinMaxwidth();
});
</script>