DjTarik

Это делаю в одном единственном случае... Сомневаюсь, что тут ваш случай)

Ммм.... Там как бы и есть полный рабочий код. Сейчас странички нету - позже выложу. Расскажите мне (а лучше на примере), как можно обойтись без замыканий? O_o C теми же дивами и событиями на них...

Ну тогда я совсем запутался. Мой пример можно сделать без замыканий? O_o

Я хочу сказать, что, по идее, нельзя в цикле задать (присвоить) события для каждого элемента, не используя замыкания. Как-то так)

Вот те пример: =) http://forum.htmlbook.ru/index.php?s=&...st&p=140418

Запрос в гугле - "прыгающие блоки IE6"

"Хак" в кавычках) Всё, для чего нужны дополнительные решения, я смело называю "хаками") зум и альфа фильтр - это да)

=) Просто когда знаешь об этих багах, уже накапливаются их решения... По несколько штук на каждый баг))) Даже иногда приходится выбирать, а какой же мне "хак" лучше применить? =)))

Точно не могу сказать, но в твойм случае, по идее из-за "img". Там по идее та же фигня, что и со ссылками, в соседней твоей теме. Хотя это мои догадки. =) Но флот помогает.)))

С инпутом всё норм... Просто отфлоть его... Или лучше картинки... Левой - флот лефт, правой - флот райт. А вообще - картинки там ни к чему... Это фоновое изображение... Вот и засунь его в фон.

Ну значит: Лучше кусок кода... А ещё лучше - ссылку...

Есть ещё один способ. Можно заюзать простой полупрозрачный пнг24, применив к нему альфа фильтр. (чтобы поверх него работали ссылки, им нужен "position: relative;"). Но смещение будем делать не через "background-position: ;"? а при помощи позиционирования и свойства 'clip: ();". Тогда не нужны и скрипты. Я так всё время делаю... Никаких проблем... Даже со сложными спрайтами... p.S. Просто как вариант)))

Можно сделать ссылку тоже replaced inline элементом. Добавь её display: inline-block; Будет по всей картинке растягиваться...

прочитайте про схлопывание блоков и клиринг. Zoom: 1; для IE включает "хэслоят". Тоже произойдет, если прописать высоту в 1%. И оверфлоу ничего не увеличивает... У вас картинка выпадает за блок - это нормально. Чтобы такого не было - ставят флот, оверфлоу... Много кто через дополнительный див с clear: both; Некоторые при помощи :after. Вариантов много... Нужно понять суть проблемы...

короче - вариантов много, выбирай, какой хочешь)

по-ходу простой display: block; для картинки поможет...

Про это и говорю) Где-то вы меня этому учили) Теперь как нефиг сложные фоны идут)))

а если нужны 100% - тогда можно зафиксить по умному)

Ну причину я тебе назвал. Решение очень простое. Оно есть. Сам пару недель назад это делал.

Всё дело в '-100%' для #left-column. Есть два варианта: 1. Задать сайту ширину (для обертки? к примеру '1000px;') и поставить маржин в '-1000px;' 2. Можно подумать и найти решение для твоего случая ;-)

понаразводили тут первоапрельского флуда...)

Так а какой вариант правильнее юзать? Ясно. Ща ещё кое что попробую, потом спрошу)

Я понимаю, что уже всех достал, но всё же спрошу: В принципе, у меня получилось, то, что нужно: <script type="text/javascript"> // <![CDATA[ // Descr --> onload = ChangeInput; function ChangeInput() { var list = document.getElementById('SwitchWrap'); // id списка var array = list.getElementsByTagName('input'); // массив из элементов 'input' for (i = 0; i<array.length; i++) { var el = array[i]; // 'input' var parent = el.parentNode; // 'label' var neighbor = el.previousSibling; // 'span' if(el.checked) { neighbor.className = 'on'; // если активный - устанавливаем класс (function(i){ parent.onmouseover = function () { array[i].previousSibling.className = 'on-hover'; // если наводим мышь - меняем класс на ховер } parent.onmouseout = function () { array[i].previousSibling.className = 'on'; // если убираем мышь - меняе класс обратно } })(i); } else { neighbor.className = ''; // если не активный - устанавливаем пустой класс (не знаю, как удалить таким способом) (function(i){ parent.onmouseover = function () { array[i].previousSibling.className = 'off-hover'; // если наводим мышь - меняем класс на ховер } parent.onmouseout = function () { array[i].previousSibling.className = ''; // если убираем мышь - меняе класс обратно } })(i); parent.onclick = ChangeInput; }; }; }; // ]]> </script> <ul id="SwitchWrap"> <li><label for="switch_6"><span><!-- // --></span><input type="radio" name="#" value="#" id="switch_6" />Переключатель 6</label></li> <li><label for="switch_7"><span><!-- // --></span><input type="radio" name="#" value="#" checked="checked" id="switch_7" />Переключатель 7</label></li> <li><label for="switch_8"><span><!-- // --></span><input type="radio" name="#" value="#" id="switch_8" />Переключатель 8</label></li> <li><label for="switch_9"><span><!-- // --></span><input type="radio" name="#" value="#" id="switch_9" />Переключатель 9</label></li> <li><label for="switch_10"><span><!-- // --></span><input type="radio" name="#" value="#" id="switch_10" />Переключатель 10</label></li> </ul> Но есть ещё вопросы: 1. Как правильнее устанавливать классы: - array.previousSibling.className = 'on'; или - array.previousSibling.setAttribute('class','on'); (Просто первым вариантом я не могу удалить класс. Только сделать его пустым.) 2. Я в начале определил: var el = array; // 'input' var parent = el.parentNode; // 'label' var neighbor = el.previousSibling; // 'span' Всё норм. Но когда я в замыкании - я не могу их использовать. Т.е. я вместо: array.previousSibling.className = 'on-hover'; не могу написать neighbor.className = 'on-hover'; не пойму, почему? Ещё раз спасибо.

Слушай! Ну ты монстр) Это именно то, чего мне так не хватало для более-менее полной картины!=) Спасибо огромное! Я уже сам вычислил для IE6 стили (оставался только 7 и 8) А тут такое...) Буду сверять теперь))) А как нашёл? По какому-нить запросу, или так просто, случайно набрёл? O_o Я то я уже не раз искал - всё никак не получалось...

=) Я же тока начинаю учить) Поэтому и вопросы глупые, что поделать...( Спасибо за код, разберусь, потом отпишу.