Fieldset ломает сетку? - PullRequest
       12

Fieldset ломает сетку?

1 голос
/ 29 марта 2011

Я только начал с Blueprint, так что не ругайте меня :-) Вот мой код, простой макет из двух столбцов:

<body>
  <div class="container showgrid">
    <div class="span-24 last">
      <h1 >Logo Here</h1>
    </div>
    <div class="span-16">SlideShow</div>
    <div class="span-8 last">
      <form>
        <fieldset >
          <label for="email">Email</label>
          <input type="text" id="email" name="email" class="title">
        </fieldset>
      </form>
    </div>
  </div>
</body>

Результат вы можете увидеть здесь (в Firefox 3):

http://img600.imageshack.us/i/screenwr.png/

Как видите, набор полей разбивает сетку.Если я уроню набор полей, форма станет лучше, хотя она все еще будет на один пиксель шире.Что я делаю неправильно?Спасибо за помощь.

1 Ответ

1 голос
/ 29 марта 2011

Просто текстовое поле слишком длинное.В проекте он установлен на 300px .Просто используйте CSS, чтобы переопределить ширину текстового поля, и это должно быть исправлено.Например:

.span-8 input.text, .span-8 input.title { width: 275px; }
...