• Познакомьтесь с пентестом веб-приложений на практике в нашем новом бесплатном курсе

    «Анализ защищенности веб-приложений»

    🔥 Записаться бесплатно!

  • CTF с учебными материалами Codeby Games

    Обучение кибербезопасности в игровой форме. Более 200 заданий по Active Directory, OSINT, PWN, Веб, Стеганографии, Реверс-инжинирингу, Форензике и Криптографии. Школа CTF с бесплатными курсами по всем категориям.

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

  • Автор темы tudimon
  • Дата начала
T

tudimon

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

Код:
<!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.jpg
    padding.jpg
    28,2 КБ · Просмотры: 485
N

NetLady

Существуют css кряки для каждой версии ie Посмотреть их можно тут:
 
T

tudimon

вот оказывается из-за чего так получилось:
width.png

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

tudimon

Зачем вам макстон, он уже канул в лету, вместе с ие6. Вы еще на мазиле 1 версии или опере 5 версии смотрели и возмущались.
когда верстал юзал фф и оперу
а на работе зашел макстоном - опаньки
а то что макстон канул в лету - спорно. знаешь поговорку - на вкус и цвет... :)
но в целом я с тобой согласен
 
M

Mavrun

для 6 и 7 ишака есть хаки
* html .selector {} и *+html .selector {} соответственно

Подробнее можешь прочитать тут
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!