IE6 — CSS Guru http://starhack.ru Верстка сайтов, использование CSS, Javascript, jQuery, веб-разработка Sun, 07 Oct 2012 20:39:06 +0000 ru-RU hourly 1 https://wordpress.org/?v=5.7.7 Еще раз про inline-block (коротко) http://starhack.ru/eshhe-raz-pro-inline-block-korotko/ http://starhack.ru/eshhe-raz-pro-inline-block-korotko/#comments Wed, 26 Jan 2011 21:00:02 +0000 http://starhack.ru/?p=473 Читать далее Еще раз про inline-block (коротко)]]> Сегодня в очередной раз задали вопрос: как кроссбраузерно реализовать свойство inline-block. Для этого воспользуюсь хаком для IЕ 6 и 7 версий. Это необходимо, так как IЕ этих версий не понимает inline-block для блочных элементов, таких как DIV, LI, UL, а только для строчных (например:A, SPAN). Буду предельно краток.

.someclass{
    display: inline-block;
}

.someclass{
    //display: inline;/*магия IЕ*/
}

�?менно вот так: в таблице стилей должны присутствовать обе записи. Если же вы предпочитаете условные комментарии, то вторая запись должна быть вынесена в стили для IЕ.
Работает в IЕ6+, ФФ3+, Опера (даже не знаю с какой версии), Хром, Сафари, далее — везде).
Для ФФ2 нужен костыль.

]]>
http://starhack.ru/eshhe-raz-pro-inline-block-korotko/feed/ 4
http://starhack.ru/otstupy-v-knopkax-v-ie-i-drugix/ http://starhack.ru/otstupy-v-knopkax-v-ie-i-drugix/#comments Thu, 18 Jun 2009 19:22:59 +0000 http://starhack.ru/?p=314 Читать далее ]]>
Warning: Illegal string offset 'caption' in /home/k/kashinanru/public_html/wp-includes/media.php on line 2108

Warning: Cannot assign an empty string to a string offset in /home/k/kashinanru/public_html/wp-includes/media.php on line 2108
Небольшое предисловие. Так случилось, что я подписался на сайте WSG на мейл-лист для обсуждения различных вопросов, связанных с применением веб-стандартов в ежедневной практике. Да, в этой подписке случаются интересные обсуждения, но зачастую там появляются вопросы настолько простые, что даже становится как-то неловко за авторитет уважаемой WSG. Вот и в этот раз вопрос был просто потрясающим: можно ли использовать картинку-бекграунд для кнопки с нефиксированной шириной. Но не это меня побудило меня черкануть пару строк. В одном из ответов, как лучше все сделать проскользнул совет:

Something like this (как-то так):
button {padding:2px 5px;background: #FAF9F5 url(../images/bgimg.png) repeat;line-height: 1.5;
}
then use smaller padding left/right value for IE, e.g. (и потом уменьшите отступы для �?Е)
button {padding: 2px 1px !important}

Вот последняя строчка и вызвала мое изумление. Уважаемый подписчик WSG не знает как можно избавиться от лишних отступов по бокам в кнопках в �?нтернет Експлорере.

Поясню в чем дело. �?нтернет Експлорер в версиях до 7 включительно добавлял в кнопках (будь то input, илиbutton) справа и слева непонятные отступы, причем, чем длиннее была надпись на кнопке, тем больше отступы. Вот как-то так:

лишние отступы в кнопках в браузерах ?нтернет Експлорер 5-7

Тогда как в остальных браузерах (для меня это Файрфокс, Опера и Хром) все выглядит так:

отступы в кнопках в файрфоксе
отступы в кнопках в файрфоксе

Никаких непонятных отступов, все одинаково, независимо от количества знаков в надписи.

�? что же делать? Как привести в чувство этот загадочный �?Е? Ответ как всегда прост и непостижим, как и любое шаманство, касающееся �?Е. Задайте в ваших стилях для кнопок простое свойство overflow: visible. Вуаля, и теперь уже для �?Е придется добавить несколько пикселей справа и слева, чтобы по бокам были отступы

�?так, чтобы убрать лишние отступы в кнопках в браузерах семейства �?нтернет Екслорер версий 6 и 7 надо добавить в стили для этих кнопок свойство overflow: visible и поправить отступы, которые теперь нам полностью подвластны.

На живом примере разницу увидят только обладатели �?Е6-�?Е7 (на �?Е5 не проверял ибо нех (написал это и проверил-таки — �?Е 5.01 — сакс, �?Е 5.5 подобен �?Е6 — но все равно нех уже))

— лишние отступы чудесным образом пропали



]]>
http://starhack.ru/otstupy-v-knopkax-v-ie-i-drugix/feed/ 7
http://starhack.ru/pravilnyj-ie6-pri-ustanovlennom-ie8/ http://starhack.ru/pravilnyj-ie6-pri-ustanovlennom-ie8/#respond Sun, 01 Mar 2009 17:26:43 +0000 http://sergey.ajaxplanet.ru/?p=21 Читать далее �?Е6 в виртуальной машине от Microsoft]]>
Маленькая радость:)
С подачи хабра установил и запустил VirtualPC. Теперь Developer Toolbar в �?Е6 работает и у меня. Ура!

  1. Скачать и установить Virtual PC.
  2. Скачать и запустить (распаковать) образ жесткого диска (Hard Disk Image) с нужной вам системой, например, IE6-XPSP3.exe — это образ, на котором Windows XP Service Pack 3 с Internet Explorer 6
  3. Запустите Virtual PC запуск Virtual PC
  4. Создайте новую виртуальную машину (VPC) создание новой виртуальной машины
  5. Назовем ее, например, true IE6 ;) img3
  6. Выбираем операционную систему, которую хотим установить на эту VPC выбор характеристик виртуальной машины
  7. Далее можно выбрать сколько памяти выделим для VPC выбор размера выделяемой памяти
  8. Выбираем существующий виртуальный жесткий диск (an existing virtual hard disc) (это скачанный и распакованный файл .vhd) выбираем виртуальный жесткий диск и указываем путь к нему путь к файлу .vhd
  9. Все, можно запускать созданную VPC и тестировать верстку на настоящем �?Е6, в котором даже работает developer toolbar) (в отличие от �?Е6 в пакете multipleIE)
]]>
http://starhack.ru/pravilnyj-ie6-pri-ustanovlennom-ie8/feed/ 0