2011-03-29 49 views
1

我剛開始與藍圖,所以不要打壞我:-) 這裏是我的代碼,一個簡單的兩分欄佈局: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/

正如你所看到的,fieldset打破了網格。如果我放下字段集,表格會變得更好,儘管它的寬度仍然是一個像素。我究竟做錯了什麼? 感謝您的幫助。

回答

1

這只是文本字段太長。在藍圖中,它設置爲300px。只需使用CSS來覆蓋文本字段寬度,它應該是固定的。例如:

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

謝謝,它的工作原理:-)。我在Firebug中看到了這個寬度:300px,但是太害怕觸摸它:-D – Sili 2011-03-29 10:41:45