<rmcreative>

• Блог
• Файлы

Все заметки с тегами «Баги, IE, CSS»

1. 10 фиксов, решающих проблемы Internet Explorer 6

   9 марта 2009

   Десяток решений известных и не очень багов IE6.

   Это должен знать каждый верстальщик.

   Читаем

   • IE
   • CSS
   • Баги
   6 комментариев

2. Боремся с двойным отступом в IE6 при использовании float

   9 июня 2008

   Отличный трюк, позволяющий избежать удваивания отступа в IE6 при использовании float.

   Пробуем

   • IE
   • CSS
   • Баги
   • float
   • padding
   • margin
   Комментировать

3. IE6. Прыгающая textarea, растянутая на 100%

   17 декабря 2007

   Когда первый раз увидел - был в шоке :)

   Итак, если потянуть textarea на 100% (надо, чтобы у нас была ещё колонка справа, что вполне типично), то IE6 начнёт сходить с ума при вводе текста. А именно потянет нашу textarea куда-то вправо.

   Фиксится это дело обрамлением textarea любым блочным элементом, например fieldset, и заданием ему width: 100%.

   • IE
   • mystuff
   • CSS
   • Баги
   • textarea
   Комментировать

4. Ещё один фикс z-index и select в IE6

   26 июля 2007

   Вот уж не думал, что найдётся ещё один :)

   На этот раз при помощи использования альтенативного контрола Active-X.

   Пользоваться очень просто: подклюаем скрипт и в нужном месте:

   IEHTMLSelectElement.fix( document.getElementsByTagName('select') );

   Демо

   • IE
   • CSS
   • Баги
   • select
   • z-index
   5 комментариев

5. Перекрываем select в IE6

   29 июня 2007

   Как известно, select в IE6 штука глючная и на z-index не реагирует. Из-за этого часто возникают проблемы с реализацией различных меню и подсказок. Существует мнение, что решения нет, но это не так:

   .ns{
     border: 2px solid #f00;
     position: absolute;
     left: 50px; top: 10px;
     width: 150px; height: 150px;
   }
    
   .nsframe{
     z-index: -1;
     position: absolute;
     top: 0px; left: 0px;
     width: 146px; height: 146px;
   }

   <div class="ns">
   <IFRAME class="nsframe" scrolling="no" frameborder="0"></IFRAME>
   Здесь информация Здесь
   информация Здесь информация Здесь информация
   Здесь информация Здесь информация</div>
       <select name="nameSelect">
       <option value="1">название</option>
       <option value="1">название</option>
       <option value="1">название</option>
       <option value="1">название</option>
       <option value="1">название</option>
       </select>

   • IE
   • mystuff
   • CSS
   • Баги
   • select
   4 комментария