Коробки появляются под textarea в Internet Explorer

Question

Коробки появляются под textarea в Internet Explorer

0

Пожалуйста, может кто-нибудь сказать мне, почему красные ящики появляются ниже текстового поля в хроме и других (как и должно быть), но в Internet explorer они появляются рядом с текстовым полем.

<!DOCTYPE html>
<html>
<head>
  <title>test</title>
  <style>
    .wrapper { width: 760px; }
    textarea { float: left; width: 100%; height: 200px;}
    textarea { box-sizing: border-box; }
    li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }
    fieldset{ margin: 0; padding: 0; border: 0; }
  </style>

</head>
<body>

  <div id="content" class="wrapper">
    <form>
      <textarea></textarea>
      <fieldset>
        <ul>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
        </ul>
      </fieldset>
    </form>
  </div>

</body>
</html>

http://jsfiddle.net/deathwishdave/s9wct/1/

pingu 07 окт. 2013, в 16:49

Источник

Теги:

html

css

html5

internet-explorer

1 ответ

Ещё вопросы

n8udd · Accepted Answer · 2013-10-07T13-15-00.000Z

Попробуйте следующее.

Предполагая, что я правильно интерпретировал ваш запрос, мне показалось, что это работает.

     .wrapper { width: 760px; }
    textarea { float: left; width: 100%; height: 200px; display: block; }
    textarea { box-sizing: border-box; }
    li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }
    fieldset{ margin: 0; padding: 0; border: 0; display: inline; }