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


Столкнулся с проблемой укрощения кнопок под 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 testInternet Explorer buttons test. А теперь вопрос! Как укротить 4-ю кнопку в Internet Explorer? Ячейки являются inline-блоками, кнопка — inline, откуда дополнительное пространство?

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


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.


8 апреля 2009  0 2 705   Версия для печати


Похожие публикации

alarm2b.ru - корпоративный сайт для автохолдинга "Аларм Моторс"

Новый корпоративный сайт, разработку которого наша студия завершила в очень сжатые сроки (чтобы успеть к 1 сентября 2014 года), заказчик перенес к себе и нашими силами стал его активно наполнять... читать далее

Блог им. AYShestakov / [Ссылка] Еще одна «песочница» для CSS+HTML

Эту песочницу можно использовать для различных экспериментов с CSS и HTML в различных браузерах (IE не поддерживается похоже совсем). http://jsfiddle.net/ вроде бы как предоставляет больший... читать далее

Блог им. madduck / Print.css — стиль для печати для wordpress

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

.NET / Ссылка Fizzler: A CSS Selector Engine for C#

Библиотека, которая позволяет в C# парсить строки с html, используя CSS-селекторы: SelectorEngine engine = new SelectorEngine(htmlString); IList nodes = engine.Parse("#p>a"); Источник:... читать далее

Яндекс / Ссылка Информация о поисковых запросах для вашего сайта

В сервисе Яндекс. Вебмастер появился отчет "Поисковые запросы". В нем отображается информация о 25 запросах, по которым сайт наиболее часто показывался в результатах поиска, а также о 25... читать далее

Web-разработка / Ссылка AM framework (HTML+CSS+JS)

Данный фреймворк, есть не что иное, как шаблон сайта "на все случаи жизни". Я ни в коем случае не претендую на лавры творца! И абсолютно не надеюсь на признание моей верстки идеальной. Весь... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте