1. Набираем команду codeby webinar. Набираем команду для организации и проведения вебинаров. Подробнее ...

    Скрыть объявление
  2. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление
  3. Получи 30.000 рублей. Для получения денег необходимо принять участие в конкурсе авторов codeby. С условиями и призами можно ознакомиться на этой странице ...

    Внимание! Регистрация авторов на конкурс закрыта.

    Скрыть объявление

значение Padding в разных браузерах

Тема в разделе "Web - программирование", создана пользователем tudimon, 2 дек 2009.

  1. tudimon

    tudimon Гость

    Репутация:
    0
    Помогите, плз, разобраться
    на сайте есть две кнопки:

    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Untitled Document</title>
    <style type="text/css">
    
    .but {
    border: 1px solid #ab5702; 
    background-color: #fee5b1; 
    color: #ab5702; 
    font-family: Verdana, Tahoma, helvetica, sans-serif;
    padding: 1px!important;
    padding: 1px;
    vertical-align: middle;
    font-size: 10px; 
    margin: 2px;
    height: 21px;
    }
    </style>
    </head>
    
    <body>
    
    <form method="post" name="vote" action=''>
    <br />
    <input type="submit" onclick="doVote('vote'); return false;" class="but" value="Голосовать">
    <input type="submit" onclick="doVote('results'); return false;" class="but" value="Результаты">
    </form>
    <br />
    </body>
    </html>
    в css задан padding.
    в опере, лисе и ие8 все нормально, а вот в младших версиях ие - padding не применяется - в результете кнопка становится очень широкой. как можно задать padding чтобы он работал во всех браузерах?
    нашел тока один способ - задать padding: 1px!important; - так это для остальных браузеров а не для ие6 и младше :rolleyes:
    на картинке скрины - Maxthon символизирует ие6

    Добавлено: нашел вариант

    Код:
    .but {
    border: 1px solid #ab5702; 
    background-color: #fee5b1; 
    color: #ab5702; 
    font-family: Verdana, Tahoma, helvetica, sans-serif;
    padding: 1px!important;
    padding: 1px;
    vertical-align: middle;
    font-size: 10px; 
    margin: 2px;
    height: 21px;
    overflow:visible;
    }
    только не понял принципа работы :)
     

    Вложения:

    • значение Padding в разных браузерах
      padding.jpg
      Размер файла:
      53,1 КБ
      Просмотров:
      47
  2. NetLady

    NetLady Гость

    Репутация:
    0
  3. tudimon

    tudimon Гость

    Репутация:
    0
    вот оказывается из-за чего так получилось:
    значение Padding в разных браузерах

    мало ли кому пригодится :)
     
  4. tudimon

    tudimon Гость

    Репутация:
    0
    когда верстал юзал фф и оперу
    а на работе зашел макстоном - опаньки
    а то что макстон канул в лету - спорно. знаешь поговорку - на вкус и цвет... :)
    но в целом я с тобой согласен
     
  5. Mavrun

    Mavrun Гость

    Репутация:
    0
Загрузка...

Поделиться этой страницей