+7 (921) 986-79-99

Веб-студия TCSE-CMS

Блог им. RayZ / Задача: Кнопки в Internet Explorer и волшебные пространства

8 апреля 2009

Столкнулся с проблемой укрощения кнопок под Internet Explorer. Для наглядности имеем следующий код:

<html>
  <style type="text/css">
    .hacked {
      width:auto;
      overflow: visible;
      padding: 0px 6px; 
      margin: 0px;
    }
  </style>
  <body>
    <div style="padding:10px;">
      <input type='button' value="THIS BUTTON HATES IE" >
      <input type='button' class='hacked' value="THIS BUTTON HATES IE.hacked">
    </div>
    
    <div style="padding:10px;">
      <table border=1>
        <tr>
          <td align="center" class='container'>
            <input type='button' value="THIS BUTTON HATES IE">
          </td>
          <td align="center" class='container'>
            <input type='button' class='hacked' value="THIS BUTTON HATES IE.hacked">
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>
* This source code was highlighted with Source Code Highlighter.

Поясню, известен известный хак/твик, с помощью которого возможно сделать так что бы ширина кнопки в Internet Explorer была визуально такая же как и в других броузерах. Достаточно, как оказалось, добавить в стилях для кнопки это:

width:auto;
overflow: visible;

Какого было мое удивление, когда данная кнопка была помещена в «контейнер». К примеру в ячейку таблицы. Общая картина в обычном браузере выглядит примерно так: Firefox buttons test

В Internet Explorer:

Internet Explorer buttons test. А теперь вопрос! Как укротить 4-ю кнопку в Internet Explorer? Ячейки являются inline-блоками, кнопка — inline, откуда дополнительное пространство?

Источник: Уроки CSS на Хабрахабре

Рассказать

Оцените статью:

smartZone

Главная » Скрипты и советы Просмотров: 995

Печать

Комментарии (0)
ВКонтакте
Google и Twitter
Facebook ()

Что бы оставить комментарий, Вам необходимо авторизоваться.
Для этого Вы можете войти используя:

Добавление комментария

Ваше Имя:

Ваш E-Mail:

Вопрос:

в каком месяце празднуют День Победы?

Ответ:*

Код:

обновить, если не виден код

Введите код:

TCSE-CMS » Главная » Скрипты и советы » Блог им. RayZ / Задача: Кнопки в Internet Explorer и волшебные пространства

Вход на сайт

Войти при помощи

Прямой эфир

проблемы wi-fi на macbook air
на этот раз победить проблемы в сети удалось тупым вписыванием статическойго IP адреса что за ...

Как изменить папку для резервных копий iPad в программе iTunes
хороший способ был описан на ipadstory особено если вы используете macbook air Перенос резервной ...

Стив Джобс - биография
а вот и книжку для айПэдиков о Стиве Джобсе сорока на хвосте принесла Вашей группе Гости запрещён ...

внешний монитор для Macbook air
итоговый вариант подключения выглядит так экран с макосью экран с виндовс ЭксПи к ноутбуку с ...

USB модем для макбуков
процедура разлочки модема прошла полностью успешно. делалась на компьютере с Windows XP SP3 в ...

Облако тегов

Портфолио | Контакты | Комментарии

Веб-студия TCSE-CMS

Блог им. RayZ / Задача: Кнопки в Internet Explorer и волшебные пространства

Добавление комментария

Разделы сайта

О TCSE-CMS

Сделать заказ

Последние работы

Архив публикаций

Вход на сайт

Прямой эфир

Облако тегов

Веб-студия TCSE-CMS

Блог им. RayZ / Задача: Кнопки в Internet Explorer и волшебные пространства

Похожие записи:

Добавление комментария

Разделы сайта

О TCSE-CMS

Сделать заказ

Последние работы

Архив публикаций

Вход на сайт

Прямой эфир

Облако тегов