Я задавал этот вопрос раньше, но с небольшой долей иронии по отношению к Firefox и без какого-либо примера, поэтому мой вопрос был отклонен, и я попросил удалить его.
Теперь у меня есть пример моей проблемы,Это займет некоторое время, чтобы избавиться от всего дерьма ASP.NET и сделать этот пример читабельным, поэтому я буду очень признателен за любую помощь.
Этот сайт:
<!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=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<style type="text/css">
body {
font-family:arial, tahoma, sans-serif;
font-size:12px;
}
.riTextBox {
border:1px solid #aeaeae;
padding:2px 0 2px 1px;
font:11px arial,sans-serif;
width: 70px;
}
.something {
border: 0pt none;
height: 1px;
width: 1px;
}
</style>
</head>
<body>
<div class="WizardInput" style="width: 300px;">
<div>
<span style="display:inline-block;width:60px;">USD $</span>
<span style="white-space:nowrap;"><input class="riTextBox" type="text"><input class="something" type="text"><input class="something" type="text"><input type="hidden"></span>
<span style="white-space:nowrap;"><input class="riTextBox" type="text"><input class="something" type="text"><input class="something" type="text"><input type="hidden"></span>
<span style="white-space:nowrap;"><input class="riTextBox" type="text"><input class="something" type="text"><input class="something" type="text"><input type="hidden"></span>
</div>
</div>
</body>
</html>
Похоже, что на моем компьютере:
И выглядит так на других компьютерах (здесь мой компьютер gf):
Разница составляет около 1px, когда я изменяю 300px на 299px, то он везде падает.
У кого-нибудь есть идеи?Это очень вредно для меня, потому что мне нужно тестировать сайты на моей работе в Firefox.