IE7 разрезает поля ввода в форме

Все остальные браузеры, включая IE8, отображают форму правильно, кроме IE7; Я предполагаю, что IE6 выдает такую же проблему.IE7 разрезает поля ввода в форме

IE7 отключает, сжимает форму и отображает около 5% полей ввода;

Я удалил все форматирование css, но не изменил; Я применил несколько связанных исправлений без успеха; помощь или направление относительно того, где найти соответствующую информацию или знать исправления, приветствуется, поскольку она потратила много времени без успеха; благодаря;

html включен ниже;

<pre> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>IMM log-in</title> 
</head> 
<body> 
    <form method="post" name="form" id="form" action="/imm/login.htm" style= 
    "font-family:arial;font-size:9pt;padding:5px;table.horizontal-align:left;display:inline;"> 
    <table> 
     <tbody> 
     <tr> 
      <td> 
      <table> 
       <tbody> 
       <tr> 
        <td><label>log-in ID</label><span class="required">*</span></td> 
        <td align="left"> 
         <input type="text" name="name" id="form_name" value="" size= 
         "20" style="width:100%;" /> 
        </td> 
       </tr> 
       <tr> 
        <td align="left"><label>password</label><span class="required">*</span></td> 
        <td align="left"> 
         <input type="password" name="password" id="form_password" 
         value="" size="20" style="width:100%;" /> 
        </td> 
       </tr> 
       </tbody> 
      </table> 
      </td> 
     </tr> 
     <tr> 
      <td align="left"> 
      <table class="buttons" id="form-buttons"> 
       <tbody> 
       <tr class="buttons"> 
        <td class="buttons"><input type="submit" name="ok" id="form_ok" value= 
        " OK " /></td> 
        <td class="buttons"><input type="submit" name="cancel" id="form_cancel" 
        value="Cancel" /></td> 
       </tr> 
       </tbody> 
      </table> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </form> 
</body> 
</html> 

</pre>

источник

2010-09-10 jfzed

У меня трудное время, воображая, что вы имеете в виду «отсекает». Можете ли вы представить пример URL-адреса или экрана? –

Я новый зарегистрированный пользователь и не имеет лицензий на загрузку изображения; форма «сжимается», а два поля ввода показывают около 5% или менее, начиная с левой, отрезанной с правой стороны, т.е. не отображает оставшиеся 95% двух полей ввода. – jfzed

Обратите внимание, что в я удаляю style = "width: 100%;" на входных полях они теперь показывают, но находятся на неравном по размеру; если я окружаю эти поля с помощью набора полей, проблема остается; Я также попробовал брекетинг div и пробел; – jfzed

Найдено решение этой вещи position:relative

источник

2011-12-30 14:42:52 Alex

IE7 разрезает поля ввода в форме

ответ

Смежные вопросы