Fieldset разбивает сетку?

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

<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/

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

источник

2011-03-29 Sili

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

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

источник

2011-03-29 10:03:58 htanata

Спасибо, это сработало :-). Я видел эту ширину: 300px в Firebug, но боялся ее трогать :-D – Sili

ответ

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