Как заставить Chrome подчиняться этому правилу? - PullRequest
Новая
       5

Как заставить Chrome подчиняться этому правилу?

0 голосов
/ 12 мая 2010

Вот код: 

<table style='margin-left: auto; margin-right: auto; text-align: right;'>
 <tr>
  <td style='vertical-align: top;'>Title:</td>
  <td style='width: 400px;'><input type='text' style='border: 1px solid black; width: 100%;' />
 </tr>
 <tr>
  <td style='vertical-align: top;'>Content:</td>
  <td><textarea style='border: 1px solid black; width: 100%;' rows='7'></textarea></td>
 </tr>
</table>

Вот как это выглядит в Opera и FireFox (в Linux):

http://files.quickmediasolutions.com/nuisance/opera.png http://files.quickmediasolutions.com/nuisance/firefox.png

Но затем в Chrome (также в Linux):

http://files.quickmediasolutions.com/nuisance/chrome.png

Как видите, первое текстовое поле имеет неправильную ширину: (

Как я могу это исправить?

Обновление: здесь - это живая страница, демонстрирующая проблему.

1 Ответ

2 голосов
/ 12 мая 2010

Aha! Теперь, когда вы разместили прямую ссылку, это стало намного понятнее.

Проблема в том, что ваш textarea имеет отступ в 2 пикселя слева и справа. Поэтому его правый край вычисляется как 2px + 100%, что соответствует " 2px справа от правого края td " (поскольку правый край td равен 100%).

(Надеюсь, это достаточно ясно; я стараюсь изо всех сил: -)

Чтобы это исправить, либо положите padding: 0 на текстовую область, либо поставьте padding: 0 2px на вход.

...