2011-03-29 12 views
1

私はちょうど青写真を始め、だからここ :-)私をbashのいない私のコード、シンプルな2つのカラムのレイアウトです: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/

ご覧のとおり、フィールドセットはグリッドを分割します。フィールドセットをドロップすると、フォームはさらに良くなりますが、それでもまだ1ピクセル広くなっています。私は間違って何をしていますか? 助けてくれてありがとう。

答えて

1

テキストフィールドが長すぎます。青写真では、それは300pxに設定されています。 CSSを使ってテキストフィールドの幅をオーバーライドすれば固定されます。例:

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

ありがとう、それは働いた:-)。私はその幅を見た:Firebugの300pxが、それに触れるにはあまりにも恐れていた: - D – Sili

関連する問題